:root{--bg: #0f172a;--bg-elevated: #1e293b;--bg-card: #1e293b;--border: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--primary: #f97316;--primary-hover: #ea580c;--primary-contrast: #1c0a00;--primary-rgb: 249, 115, 22;--card-bg: var(--bg-card);--bg-primary: var(--bg);--bg-topbar: rgba(15, 23, 42, .88);--bg-subtle: rgba(15, 23, 42, .4);--status-normal: #22c55e;--status-warning: #f59e0b;--status-alert: #ef4444;--status-info: #38bdf8;--status-purple: #c084fc;--jalur-server-odc: #a78bfa;--jalur-odc-odc: #facc15;--jalur-odc-odp: #38bdf8;--jalur-odp-client: #4ade80;--jalur-odp-htb: #f472b6;--jalur-htb-htb: #fb923c;--jalur-switch-client: #6366f1;--jalur-odp-tiang: #a78bfa;--traffic-download: #3987e5;--traffic-upload: #199e70}:root[data-theme=slate-orange]{--bg: #0f172a;--bg-elevated: #1e293b;--bg-card: #1e293b;--border: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--primary: #f97316;--primary-hover: #ea580c;--primary-contrast: #1c0a00;--primary-rgb: 249, 115, 22}:root[data-theme=cyber-cyan]{--bg: #090d16;--bg-elevated: #111827;--bg-card: #111827;--border: #1f293d;--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--primary: #06b6d4;--primary-hover: #0891b2;--primary-contrast: #082f49;--primary-rgb: 6, 182, 212;--traffic-download: #06b6d4;--traffic-upload: #10b981}:root[data-theme=emerald-fiber]{--bg: #051813;--bg-elevated: #0a241b;--bg-card: #0a241b;--border: #144233;--text-primary: #ecfdf5;--text-secondary: #a7f3d0;--text-muted: #6ee7b7;--primary: #10b981;--primary-hover: #059669;--primary-contrast: #022c22;--primary-rgb: 16, 185, 129;--traffic-download: #38bdf8;--traffic-upload: #10b981}:root[data-theme=amethyst-violet]{--bg: #0e091b;--bg-elevated: #19122c;--bg-card: #19122c;--border: #2d1f4d;--text-primary: #faf5ff;--text-secondary: #d8b4fe;--text-muted: #a855f7;--primary: #8b5cf6;--primary-hover: #7c3aed;--primary-contrast: #1e0847;--primary-rgb: 139, 92, 246;--traffic-download: #a855f7;--traffic-upload: #06b6d4}:root[data-theme=light-clean]{--bg: #f8fafc;--bg-elevated: #ffffff;--bg-card: #ffffff;--card-bg: #ffffff;--bg-primary: #f8fafc;--bg-topbar: rgba(255, 255, 255, .94);--bg-subtle: #f1f5f9;--border: #cbd5e1;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #475569;--status-normal: #15803d;--status-warning: #b45309;--status-alert: #b91c1c;--status-info: #0284c7;--status-purple: #7c3aed;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-contrast: #ffffff;--primary-rgb: 37, 99, 235;--traffic-download: #2563eb;--traffic-upload: #059669}:root[data-theme=light-warm]{--bg: #faf7f2;--bg-elevated: #ffffff;--bg-card: #ffffff;--card-bg: #ffffff;--bg-primary: #faf7f2;--bg-topbar: rgba(250, 247, 242, .94);--bg-subtle: #f3ede2;--border: #d6cbba;--text-primary: #1c1917;--text-secondary: #44403c;--text-muted: #57534e;--status-normal: #15803d;--status-warning: #b45309;--status-alert: #b91c1c;--status-info: #0284c7;--status-purple: #7c3aed;--primary: #d97706;--primary-hover: #b45309;--primary-contrast: #ffffff;--primary-rgb: 217, 119, 6;--traffic-download: #d97706;--traffic-upload: #059669}:root[data-theme=light-mint]{--bg: #f2faf6;--bg-elevated: #ffffff;--bg-card: #ffffff;--card-bg: #ffffff;--bg-primary: #f2faf6;--bg-topbar: rgba(242, 250, 246, .94);--bg-subtle: #e3f4ec;--border: #b8ded0;--text-primary: #04261b;--text-secondary: #164032;--text-muted: #2d5a47;--status-normal: #047857;--status-warning: #b45309;--status-alert: #b91c1c;--status-info: #0284c7;--status-purple: #7c3aed;--primary: #059669;--primary-hover: #047857;--primary-contrast: #ffffff;--primary-rgb: 5, 150, 105;--traffic-download: #0284c7;--traffic-upload: #059669}:root:is([data-theme=light-clean],[data-theme=light-warm],[data-theme=light-mint]) .app-topbar{background:var(--bg-topbar)!important;box-shadow:0 1px 4px #0000000d;border-bottom:1px solid var(--border)}:root:is([data-theme=light-clean],[data-theme=light-warm],[data-theme=light-mint]) .app-sidebar{box-shadow:2px 0 16px #0000000d}:root:is([data-theme=light-clean],[data-theme=light-warm],[data-theme=light-mint]) .sidebar-brand{background:var(--bg-subtle)!important;border-bottom:1px solid var(--border)}:root:is([data-theme=light-clean],[data-theme=light-warm],[data-theme=light-mint]) .sidebar-user-card{background:var(--bg-subtle)!important;border-color:var(--border)!important}:root:is([data-theme=light-clean],[data-theme=light-warm],[data-theme=light-mint]) .sidebar-footer{background:var(--bg-card)!important;border-top:1px solid var(--border)}:root:is([data-theme=light-clean],[data-theme=light-warm],[data-theme=light-mint]) .mobile-bottom-nav{background:var(--bg-topbar)!important;box-shadow:0 -2px 10px #0000000d!important;border-top:1px solid var(--border)}:root:is([data-theme=light-clean],[data-theme=light-warm],[data-theme=light-mint]) .bottom-nav-btn{color:var(--text-muted)}:root:is([data-theme=light-clean],[data-theme=light-warm],[data-theme=light-mint]) .bottom-nav-center-circle{border-color:var(--bg)}:root:is([data-theme=light-clean],[data-theme=light-warm],[data-theme=light-mint]) input,:root:is([data-theme=light-clean],[data-theme=light-warm],[data-theme=light-mint]) select,:root:is([data-theme=light-clean],[data-theme=light-warm],[data-theme=light-mint]) textarea{background-color:var(--bg-card)!important;color:var(--text-primary)!important;border-color:var(--border)!important}:root:is([data-theme=light-clean],[data-theme=light-warm],[data-theme=light-mint]) .card{box-shadow:0 1px 3px #0000000d,0 1px 2px -1px #0000000d}:root:is([data-theme=light-clean],[data-theme=light-warm],[data-theme=light-mint]) table thead tr{background-color:var(--bg-subtle)!important;color:var(--text-secondary)!important;border-bottom:1px solid var(--border)!important}.leaflet-popup-content-wrapper{background:var(--bg-card)!important;color:var(--text-primary)!important;border:1px solid var(--border)!important;border-radius:10px!important;box-shadow:0 8px 24px #00000038!important}.leaflet-popup-tip{background:var(--bg-card)!important}.leaflet-popup-content{color:var(--text-primary)!important;line-height:1.5}.leaflet-tooltip{background:var(--bg-topbar)!important;color:var(--text-primary)!important;border:1px solid var(--border)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px!important;box-shadow:0 4px 14px #0000002e!important}.leaflet-tooltip-top:before{border-top-color:var(--border)!important}.leaflet-tooltip-bottom:before{border-bottom-color:var(--border)!important}.leaflet-tooltip-left:before{border-left-color:var(--border)!important}.leaflet-tooltip-right:before{border-right-color:var(--border)!important}.leaflet-bar a{background-color:var(--bg-card)!important;color:var(--text-primary)!important;border-bottom:1px solid var(--border)!important}.leaflet-bar a:hover{background-color:var(--bg-subtle)!important}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text-primary);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font-family:inherit;cursor:pointer}a{color:var(--primary)}.btn-primary{background:var(--primary);color:var(--primary-contrast);border:none;border-radius:8px;padding:10px 16px;font-weight:600}.btn-primary:hover{background:var(--primary-hover)}.infrastruktur-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px;padding:4px 0 12px;border-bottom:1px solid var(--border)}.infrastruktur-tab{padding:9px 15px;border:1px solid rgba(var(--tab-rgb),.34);border-radius:10px;background:rgba(var(--tab-rgb),.08);color:var(--tab-color);font-size:13px;font-weight:700;line-height:1.15;white-space:nowrap;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.infrastruktur-tab:hover{transform:translateY(-1px);border-color:var(--tab-color);background:rgba(var(--tab-rgb),.16);box-shadow:0 5px 14px rgba(var(--tab-rgb),.18)}.infrastruktur-tab.aktif{border-color:var(--tab-color);background:linear-gradient(135deg,var(--tab-color),rgba(var(--tab-rgb),.72));color:#fff;box-shadow:0 7px 18px rgba(var(--tab-rgb),.32)}.infrastruktur-tab:focus-visible{outline:3px solid rgba(var(--tab-rgb),.38);outline-offset:2px}.map-layer-control{position:absolute;top:52px;right:14px;z-index:1000;min-width:192px;padding:8px 10px;border:1px solid var(--border);border-radius:12px;background:var(--bg-topbar);box-shadow:0 8px 24px #0003;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.map-layer-title{display:block;margin:0 0 7px 2px;color:var(--text-secondary);font-size:11px;font-weight:700}.map-layer-options{display:flex;overflow:hidden;border:1px solid var(--border);border-radius:8px}.map-layer-options button{flex:1;padding:7px 8px;border:0;border-right:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:11px;font-weight:700;cursor:pointer}.map-layer-options button:last-child{border-right:0}.map-layer-options button:hover{background:rgba(var(--primary-rgb),.12);color:var(--text-primary)}.map-layer-options button.aktif{background:var(--primary);color:var(--primary-contrast)}.map-layer-options button:focus-visible{position:relative;z-index:1;outline:2px solid var(--primary);outline-offset:-2px}.map-layer-control-compact{position:absolute;top:8px;right:8px;z-index:1000;padding:3px;border:1px solid var(--border);border-radius:8px;background:var(--bg-topbar);box-shadow:0 4px 14px #00000038;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.map-layer-control-compact .map-layer-options{border:none;border-radius:6px}.map-layer-control-compact .map-layer-options button{padding:4px 8px;font-size:10px;font-weight:600}@media (max-width: 520px){.infrastruktur-tabs{gap:6px}.infrastruktur-tab{flex:1 1 auto;padding:8px 11px;text-align:center}.map-layer-control{top:50px;right:10px;min-width:174px;padding:7px 8px}}@media (max-width: 390px){.map-layer-control{min-width:156px}.map-layer-options button{padding:6px 5px;font-size:10px}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:16px}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge-normal{background:#22c55e26;color:var(--status-normal)}.badge-warning{background:#f59e0b26;color:var(--status-warning)}.badge-alert{background:#ef444426;color:var(--status-alert)}@keyframes kedipAlert{0%,to{opacity:1}50%{opacity:.25}}.kedip-alert{animation:kedipAlert 1s infinite}@keyframes denyutOnline{0%,to{opacity:1}50%{opacity:.45}}.denyut-online{animation:denyutOnline 1.6s ease-in-out infinite}@keyframes fiberCutPulse{0%{stroke-opacity:1;filter:drop-shadow(0 0 3px #ef4444)}50%{stroke-opacity:.3;filter:drop-shadow(0 0 14px #ff0000)}to{stroke-opacity:1;filter:drop-shadow(0 0 3px #ef4444)}}.kedip-fiber-cut{animation:fiberCutPulse .9s infinite ease-in-out!important;stroke:#ef4444!important}@keyframes bannerPulse{0%,to{box-shadow:0 4px 18px #ef444459;border-color:#ef444480}50%{box-shadow:0 4px 28px #ef4444bf;border-color:#ef4444f2}}.fiber-cut-alert-banner{animation:bannerPulse 1.8s infinite ease-in-out}.nav-link{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-secondary);text-decoration:none;white-space:nowrap;flex-shrink:0;transition:background-color .15s ease,color .15s ease,transform .1s ease}.nav-link:hover{background:var(--bg-card);color:var(--text-primary)}.nav-link:active{transform:scale(.96)}.nav-link-active{background:#f9731624;color:var(--primary)}.nav-link-active:hover{background:#f9731633;color:var(--primary)}.nav-link-cta{background:var(--primary);color:var(--primary-contrast);font-weight:600}.nav-link-cta:hover{background:var(--primary-hover);color:var(--primary-contrast)}.nav-link-cta-active{background:var(--primary-hover);color:var(--primary-contrast);box-shadow:inset 0 0 0 2px #ffffff40}.nav-link-logout{color:var(--text-secondary);font-weight:500}.nav-link-logout:hover{background:#ef44441f;color:var(--status-alert);border-color:var(--status-alert)!important}nav::-webkit-scrollbar{height:4px}nav::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}:root{--sidebar-w: 250px;--sidebar-collapsed-w: 68px;--topbar-h: 56px}:root.sidebar-collapsed{--sidebar-w: var(--sidebar-collapsed-w)}@media (min-width: 1024px){body.has-sidebar{padding-left:var(--sidebar-w);transition:padding-left .25s cubic-bezier(.16,1,.3,1)}}@media (max-width: 1023px){body:not(.halaman-peta){padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))}}.app-sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);background:var(--bg-elevated);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:1200;transition:width .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1);box-shadow:2px 0 16px #00000040;overflow:hidden}@media (max-width: 1023px){.app-sidebar{width:min(310px,84vw);transform:translate(-100%);box-shadow:8px 0 36px #000000b3;z-index:2200}.app-sidebar.mobile-open{transform:translate(0)}}.sidebar-brand{height:var(--topbar-h);padding:0 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background:var(--bg-subtle)}.sidebar-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 10px;display:flex;flex-direction:column;gap:14px;scrollbar-width:thin}.sidebar-body::-webkit-scrollbar{width:4px}.sidebar-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.sidebar-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);padding:4px 8px 2px;white-space:nowrap;transition:opacity .2s ease}:root.sidebar-collapsed .sidebar-section-title{opacity:0;height:0;padding:0;margin:0;overflow:hidden}.sidebar-link{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:9px;color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:500;white-space:nowrap;transition:all .15s ease;position:relative;min-height:40px}.sidebar-link:hover{background:rgba(var(--primary-rgb),.1);color:var(--text-primary);transform:translate(2px)}.sidebar-link:active{transform:scale(.98)}.sidebar-link.active{background:linear-gradient(90deg,rgba(var(--primary-rgb),.2),rgba(var(--primary-rgb),.06));color:var(--primary);font-weight:600}.sidebar-link.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3.5px;border-radius:0 4px 4px 0;background:var(--primary);box-shadow:0 0 8px var(--primary)}.sidebar-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-link.active .sidebar-icon,.sidebar-dashboard-btn.active .sidebar-icon{color:var(--primary)}.sidebar-dashboard-btn{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;background:#ffffff08;border:1px solid var(--border);color:var(--text-secondary);text-decoration:none;font-size:13.5px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;min-height:42px}.sidebar-dashboard-btn:hover{background:rgba(var(--primary-rgb),.12);border-color:rgba(var(--primary-rgb),.35);color:var(--text-primary);transform:translateY(-1px)}.sidebar-dashboard-btn.active{background:linear-gradient(135deg,rgba(var(--primary-rgb),.22),rgba(var(--primary-rgb),.08));border-color:rgba(var(--primary-rgb),.5);color:var(--primary);box-shadow:0 4px 16px rgba(var(--primary-rgb),.22)}.sidebar-dashboard-btn.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3.5px;border-radius:0 4px 4px 0;background:var(--primary);box-shadow:0 0 10px var(--primary)}.sidebar-dashboard-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 7px;border-radius:12px;background:#22c55e26;color:var(--status-normal);border:1px solid rgba(34,197,94,.3);display:inline-flex;align-items:center;gap:4px}.sidebar-dashboard-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--status-normal);display:inline-block}:root.sidebar-collapsed .sidebar-link,:root.sidebar-collapsed .sidebar-dashboard-btn{padding:9px 0;justify-content:center}:root.sidebar-collapsed .sidebar-label,:root.sidebar-collapsed .sidebar-hide-collapsed,:root.sidebar-collapsed .sidebar-dashboard-badge{display:none!important}.sidebar-user-card{padding:10px 12px;border-radius:10px;background:var(--bg-subtle);border:1px solid var(--border);display:flex;align-items:center;gap:10px}.sidebar-footer{padding:12px;border-top:1px solid var(--border);background:var(--bg-subtle);flex-shrink:0}.app-topbar{height:var(--topbar-h);background:var(--bg-topbar);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;position:sticky;top:0;z-index:1000}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2150;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:58px;background:var(--bg-topbar);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-around;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0px);z-index:1500;box-shadow:0 -4px 20px #0003}@media (min-width: 1024px){.mobile-bottom-nav{display:none!important}}.bottom-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:100%;color:var(--text-muted);text-decoration:none;background:none;border:none;font-size:10px;font-weight:500;transition:color .15s ease,transform .1s ease;padding:4px 0;cursor:pointer}.bottom-nav-btn:active{transform:scale(.92)}.bottom-nav-btn.active{color:var(--primary);font-weight:700}.bottom-nav-center-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:-18px;text-decoration:none;color:var(--text-primary);font-size:10px;font-weight:600;gap:2px}.bottom-nav-center-circle{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#f97316,#ea580c);color:var(--primary-contrast);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #f9731673;border:3px solid var(--bg);transition:transform .15s ease,box-shadow .15s ease}.bottom-nav-center-btn:active .bottom-nav-center-circle{transform:scale(.92);box-shadow:0 2px 8px #f973164d}