:root{color-scheme:dark;--bg0:#020914;--bg1:#04111f;--panel:rgba(6,23,39,.95);--line:rgba(74,132,169,.22);--line2:rgba(77,177,225,.36);--text:#e9f4ff;--muted:#83a4bc;--muted2:#58778d;--cyan:#36d8ff;--blue:#3a7dff;--green:#6ee66a;--gold:#f2c84b;--amber:#ff9e3d;--red:#ff5264;--violet:#a66bff;--teal:#25d4b8;--sidebar:286px;--radius:14px}*{box-sizing:border-box}html{background:var(--bg0)}body{margin:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 75% -20%,rgba(25,102,164,.2),transparent 34%),linear-gradient(145deg,var(--bg0),#03101c 52%,#020814);font-size:14px}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{color:inherit}img,svg{max-width:100%}.ambient{position:fixed;pointer-events:none;border-radius:50%;filter:blur(110px);opacity:.13;z-index:-1}.ambient-a{width:440px;height:440px;background:var(--blue);top:-210px;right:12%}.ambient-b{width:360px;height:360px;background:var(--teal);bottom:-220px;left:10%;opacity:.07}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);z-index:50;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(4,17,30,.99),rgba(2,11,21,.99));border-right:1px solid var(--line);box-shadow:16px 0 42px rgba(0,0,0,.22)}.brand-block{min-height:88px;overflow:hidden;display:grid;grid-template-columns:50px 1fr auto;gap:12px;align-items:center;padding:14px 14px 12px 16px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(242,200,75,.06),transparent 72%)}.brand-crest{width:48px;height:48px;display:grid;place-items:center;flex:0 0 48px}.brand-copy{min-width:0;max-width:100%;overflow:hidden}.brand-crest svg,.login-crest svg,.brand-crest img,.login-crest img{width:100%;height:100%;object-fit:contain;fill:var(--gold);filter:drop-shadow(0 0 10px rgba(242,200,75,.3))}.crest-inner{fill:#071a2b!important;stroke:var(--gold);stroke-width:2}.crest-line{fill:none!important;stroke:var(--gold);stroke-width:2;stroke-linecap:round}.brand-kicker{color:var(--muted);font-size:6.8px;line-height:1.25;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;max-width:100%;overflow:hidden}.brand-title{font-size:12.5px;font-weight:800;line-height:1.25;white-space:nowrap}.brand-subtitle{font-size:7.2px;line-height:1.3;color:var(--gold);letter-spacing:.035em;white-space:nowrap}.icon-button{border:1px solid var(--line);background:rgba(7,26,44,.72);width:38px;height:38px;border-radius:10px;display:inline-grid;place-items:center;cursor:pointer;position:relative}.icon-button:hover{border-color:var(--line2);background:rgba(11,39,64,.9)}.sidebar-close{display:none}.sidebar-search-wrap{padding:12px 14px 8px}.sidebar-search{width:100%;height:40px;border-radius:10px;display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;padding:0 10px;background:rgba(9,31,51,.72);border:1px solid var(--line);color:var(--muted);cursor:pointer;text-align:left}.sidebar-search kbd{border:1px solid var(--line);border-radius:5px;padding:1px 5px;font-size:10px;background:rgba(255,255,255,.03)}.sidebar-nav{flex:1;overflow:auto;padding:4px 10px 14px;scrollbar-width:thin}.nav-group{margin:3px 0}.nav-group summary{list-style:none;display:flex;justify-content:space-between;color:var(--muted2);padding:10px 9px 6px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.nav-group summary::-webkit-details-marker{display:none}.nav-group[open] summary i{transform:rotate(180deg)}.nav-items{display:grid;gap:3px}.nav-link{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:center;min-height:44px;padding:6px 8px;border-radius:10px;border:1px solid transparent;color:#9cb6c9}.nav-link:hover{background:rgba(12,42,68,.72);color:#fff}.nav-link.active{background:linear-gradient(90deg,rgba(36,124,255,.32),rgba(14,88,155,.16));color:#fff;border-color:rgba(52,155,255,.35);box-shadow:inset 3px 0 0 #2b8eff}.nav-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:rgba(27,65,92,.55);color:#7ccfff}.nav-link.active .nav-icon{background:linear-gradient(145deg,#237cf4,#0b5fc0);color:#fff}.nav-copy{min-width:0;display:flex;flex-direction:column}.nav-copy strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-copy small{font-size:8.5px;color:var(--muted2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{border-top:1px solid var(--line);padding:9px 10px 12px;display:grid;gap:8px}.security-chip{min-height:34px;display:flex;align-items:center;gap:8px;padding:0 10px;font-size:10px;color:#7f9fb5;border:1px solid var(--line);border-radius:9px}.security-chip i{margin-left:auto;color:var(--green)}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(110,230,106,.1),0 0 12px rgba(110,230,106,.6);display:inline-block;animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 7px transparent,0 0 16px rgba(110,230,106,.8)}}.main-shell{min-height:100vh;margin-left:var(--sidebar);display:flex;flex-direction:column}.topbar{height:70px;position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:rgba(3,14,25,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:10px}.mobile-menu{display:none}.system-status{display:flex;flex-direction:column;min-width:110px}.status-label{color:var(--muted2);font-size:9px;text-transform:uppercase}.status-value{display:flex;align-items:center;gap:7px;color:#c7e8d0;font-weight:650;font-size:11px}.demo-badge{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:1px solid rgba(242,200,75,.25);border-radius:999px;color:var(--gold);background:rgba(242,200,75,.06);font-size:9px;font-weight:800}.date-time{display:flex;flex-direction:column;align-items:flex-end;padding:0 11px;border-right:1px solid var(--line)}.date-time span{color:var(--muted);font-size:9px}.date-time strong{font-size:12px}.notification-button{color:var(--gold)}.notification-count{position:absolute;top:-5px;right:-5px;background:var(--red);min-width:17px;height:17px;border-radius:9px;display:grid;place-items:center;font-size:9px;border:2px solid var(--bg1)}.user-menu{position:relative}.user-trigger{display:grid;grid-template-columns:36px minmax(100px,1fr) 14px;align-items:center;gap:8px;min-height:46px;padding:4px 8px 4px 4px;border:1px solid var(--line);border-radius:11px;background:rgba(7,26,44,.64);cursor:pointer;text-align:left}.user-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,rgba(242,200,75,.2),rgba(28,83,126,.5));color:var(--gold);font-size:18px}.user-copy{display:flex;flex-direction:column}.user-copy small{font-size:8px;color:var(--gold)}.user-copy strong{font-size:10.5px}.user-dropdown{position:absolute;right:0;top:calc(100% + 8px);width:230px;padding:8px;border:1px solid var(--line2);border-radius:12px;background:#061827;box-shadow:0 18px 45px rgba(0,0,0,.35);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.18s}.user-dropdown.show{opacity:1;visibility:visible;transform:none}.dropdown-profile{padding:10px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;margin-bottom:5px}.dropdown-profile small{color:var(--muted);font-size:10px}.user-dropdown a,.user-dropdown button{width:100%;border:0;background:transparent;color:#b9cedd;padding:9px 10px;border-radius:8px;display:flex;align-items:center;gap:9px;cursor:pointer;text-align:left}.user-dropdown a:hover,.user-dropdown button:hover{background:rgba(49,119,170,.16);color:#fff}.content-area{flex:1;padding:18px 22px 20px;width:100%;max-width:1900px;margin:0 auto}.app-footer{min-height:38px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:7px 22px;border-top:1px solid var(--line);background:rgba(3,13,23,.88);color:var(--muted2);font-size:9px}.app-footer>div{display:flex;align-items:center;gap:7px}.app-footer>div:last-child{justify-content:flex-end}.footer-motto{color:var(--gold);font-weight:700}.dashboard-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.breadcrumb{display:flex;align-items:center;gap:7px;color:var(--muted2);font-size:9px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.breadcrumb strong{color:var(--gold)}.title-line{display:flex;align-items:center;gap:12px}.title-index{min-width:44px;height:44px;padding:0 10px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(242,200,75,.2),rgba(25,90,133,.24));border:1px solid rgba(242,200,75,.24);color:var(--gold);font-weight:900}.title-line h1{margin:0;font-size:21px}.title-line p{margin:3px 0 0;color:var(--muted);font-size:10.5px}.heading-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.live-chip,.period-selector{height:36px;display:flex;align-items:center;gap:7px;padding:0 11px;border-radius:9px;border:1px solid var(--line);background:rgba(7,26,44,.68);color:var(--muted);font-size:9px}.live-chip{border-color:rgba(110,230,106,.2);color:#a7efaa}.period-selector strong{color:#fff}.primary-button,.secondary-button,.ghost-button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:9px;padding:0 13px;cursor:pointer;font-size:10px;font-weight:700;border:1px solid transparent}.primary-button{background:linear-gradient(145deg,#2178e5,#0d5bb8);border-color:rgba(94,174,255,.42)}.secondary-button{background:rgba(7,30,51,.78);border-color:var(--line2);color:#c5e4fa}.ghost-button{background:transparent;border-color:var(--line);color:var(--muted)}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:10px}.kpi-grid-wide{grid-template-columns:repeat(8,minmax(0,1fr))}.kpi-card{min-height:98px;padding:10px 11px;border-radius:12px;border:1px solid var(--line);position:relative;overflow:hidden;background:linear-gradient(160deg,rgba(10,36,59,.92),rgba(4,18,32,.94))}.kpi-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent,var(--cyan));box-shadow:0 0 18px var(--accent)}.tone-cyan{--accent:var(--cyan)}.tone-green{--accent:var(--green)}.tone-gold{--accent:var(--gold)}.tone-violet{--accent:var(--violet)}.tone-red{--accent:var(--red)}.tone-blue{--accent:var(--blue)}.tone-teal{--accent:var(--teal)}.tone-amber{--accent:var(--amber)}.kpi-top{display:flex;justify-content:space-between}.kpi-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.kpi-spark{height:18px;display:flex;align-items:flex-end;gap:2px}.kpi-spark i{width:3px;border-radius:2px;background:var(--accent)}.kpi-spark i:nth-child(1){height:5px}.kpi-spark i:nth-child(2){height:11px}.kpi-spark i:nth-child(3){height:8px}.kpi-spark i:nth-child(4){height:15px}.kpi-spark i:nth-child(5){height:12px}.kpi-label{display:block;color:var(--muted);text-transform:uppercase;font-size:7.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-value{display:block;color:var(--accent);font-size:20px;line-height:1.2}.kpi-note{display:flex;align-items:center;gap:3px;color:#8ea9ba;font-size:8px}.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:9px}.panel{min-width:0;min-height:180px;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(160deg,rgba(7,27,46,.94),rgba(3,16,29,.96));overflow:hidden}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-8{grid-column:span 8}.row-2{grid-row:span 2}.panel-header{min-height:42px;padding:9px 11px 7px;display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid rgba(74,132,169,.13)}.panel-header h3{margin:0;font-size:10px;text-transform:uppercase}.panel-header p{margin:2px 0 0;color:var(--muted2);font-size:8px}.panel-action{border:0;background:transparent;color:#55b8ef;font-size:8px}.chart-box{height:190px;padding:8px;position:relative}.chart-box canvas{width:100%!important;height:100%!important}.chart-box-large{height:330px;padding:14px}.chart-box-donut{height:175px;max-width:260px;margin:auto}.donut-wrap{min-height:180px;display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:8px;padding:4px 8px}.donut-wrap.vertical{grid-template-columns:1fr}.donut-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center}.donut-center strong{font-size:14px}.donut-center span{font-size:8px;color:var(--muted)}.donut-legend{display:grid;gap:7px}.legend-row{display:grid;grid-template-columns:8px 1fr auto;gap:7px;font-size:8.5px;color:#9cb6c8}.legend-row i{width:7px;height:7px;border-radius:2px}.indonesia-map{position:relative;padding:8px;min-height:270px}.indonesia-map img{width:100%;height:100%;min-height:260px;object-fit:cover;border-radius:10px}.large-map,.large-map img{min-height:320px}.map-hotspot{position:absolute;width:20px;height:20px;transform:translate(-50%,-50%);border:0;background:transparent}.map-hotspot span{width:8px;height:8px;display:block;border-radius:50%;background:var(--spot);box-shadow:0 0 0 5px color-mix(in srgb,var(--spot) 16%,transparent),0 0 16px var(--spot);animation:pulse 2s infinite}.hotspot-good{--spot:var(--green)}.hotspot-warning{--spot:var(--gold)}.hotspot-critical{--spot:var(--red)}.map-legend{position:absolute;left:20px;bottom:18px;display:flex;gap:12px;padding:6px 9px;border:1px solid var(--line);border-radius:8px;background:rgba(2,12,22,.78);font-size:8px;color:var(--muted)}.legend-dot{width:7px;height:7px;border-radius:2px;display:inline-block;margin-right:4px}.legend-dot.good{background:var(--green)}.legend-dot.warning{background:var(--gold)}.legend-dot.critical{background:var(--red)}.map-stat-overlay{position:absolute;top:22px;left:24px;display:flex;flex-direction:column;padding:10px 12px;border:1px solid rgba(54,216,255,.22);background:rgba(2,15,28,.76);border-radius:10px}.map-stat-overlay span{font-size:8px;color:var(--muted)}.map-stat-overlay strong{color:var(--cyan);font-size:24px}.map-stat-overlay small{color:var(--green);font-size:8px}.alert-list{display:grid;gap:5px;padding:7px 9px}.alert-item{min-height:47px;display:grid;grid-template-columns:32px 1fr auto;gap:8px;align-items:center;padding:6px 7px;border:1px solid rgba(75,132,166,.14);background:rgba(7,28,45,.62);border-radius:9px}.alert-symbol{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;color:var(--alert);background:color-mix(in srgb,var(--alert) 12%,transparent)}.alert-item strong{display:block;font-size:8.5px}.alert-item small{display:block;color:var(--muted2);font-size:7.5px}.status-pill{color:var(--alert);font-size:7px;font-weight:800}.severity-kritis,.severity-danger{--alert:var(--red)}.severity-tinggi,.severity-warning{--alert:var(--amber)}.severity-sedang,.severity-info{--alert:var(--gold)}.severity-rendah,.severity-aman,.severity-success{--alert:var(--green)}.roadmap-progress,.progress-list{display:grid;gap:11px;padding:16px 13px}.roadmap-progress>div{display:grid;grid-template-columns:38px 1fr 34px;gap:8px;font-size:9px}.progress-track{height:8px;border-radius:6px;background:#0b253b;overflow:hidden}.progress-track i{height:100%;display:block;border-radius:6px;background:linear-gradient(90deg,#1d8eff,#55d7ff)}.progress-item>div:first-child{display:flex;justify-content:space-between;color:#a7c0d1;font-size:9px}.progress-item{display:grid;gap:5px}.mini-stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;padding:9px}.mini-stat{min-height:93px;border:1px solid rgba(74,132,169,.14);background:rgba(7,29,48,.62);border-radius:9px;padding:8px;display:grid;grid-template-columns:1fr auto}.mini-stat span{grid-column:1/3;color:var(--muted);font-size:7.5px}.mini-stat strong{color:var(--green);font-size:16px}.mini-stat small{grid-column:1/3;color:var(--muted2);font-size:7px}.mini-sparkline{display:flex;align-items:flex-end;gap:2px;height:28px}.mini-sparkline i{width:4px;background:var(--green);border-radius:2px}.mini-sparkline i:nth-child(1){height:7px}.mini-sparkline i:nth-child(2){height:12px}.mini-sparkline i:nth-child(3){height:9px}.mini-sparkline i:nth-child(4){height:21px}.mini-sparkline i:nth-child(5){height:17px}.mini-sparkline i:nth-child(6){height:25px}.action-summary{display:grid;gap:5px;padding:7px 9px}.action-row{min-height:44px;display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;padding:5px 7px;border-radius:8px;border:1px solid color-mix(in srgb,var(--accent) 15%,transparent)}.action-row>span{width:27px;height:27px;display:grid;place-items:center;color:var(--accent)}.action-row strong{font-size:8.5px}.action-row small{display:block;color:var(--muted2);font-size:7px}.action-row b{color:var(--accent);font-size:16px}.heatmap-wrap{padding:10px 12px;overflow:auto}.heatmap-header,.heatmap-row{min-width:720px;display:grid;grid-template-columns:250px repeat(5,1fr);gap:4px;align-items:center}.heatmap-header b{text-align:center;font-size:7px;color:var(--muted2)}.heatmap-row{margin:4px 0}.heatmap-row>span{font-size:8.5px;color:#abc1d0}.heat-cell{height:31px;border-radius:5px;display:grid;place-items:center;font-style:normal;font-size:8px;font-weight:800}.heat-1{background:#8a2131}.heat-2{background:#b65c20}.heat-3{background:#b9931f}.heat-4{background:#579f38}.heat-5{background:#1d7e54}.dependency-canvas{padding:10px;height:350px}.dependency-canvas svg{width:100%;height:100%}.dep-lines path{fill:none;stroke:#2b769e;stroke-width:2}.dep-node rect{fill:#0a2941;stroke:#2f8bb7;stroke-width:2}.dep-node text{fill:#e5f5ff;text-anchor:middle;font-size:14px;font-weight:700}.dep-node .sub{fill:#83a6bd;font-size:10px;font-weight:400}.dep-green rect{stroke:#52c46b}.dep-blue rect{stroke:#38a8ff}.dep-violet rect{stroke:#9c6cff}.dep-gold rect{stroke:#efbe3d}.dep-cyan rect{stroke:#28d4d1}.roadmap-timeline{padding:22px 16px;display:grid;gap:16px}.roadmap-lane{display:grid;grid-template-columns:140px 1fr 45px;align-items:center;gap:10px}.roadmap-lane>span{font-size:9px;color:#afc5d4}.timeline-track{height:18px;border-radius:5px;background:#0b2539;position:relative}.timeline-track i{height:100%;display:block;border-radius:5px;background:linear-gradient(90deg,#147bba,var(--accent))}.timeline-track b{position:absolute;top:50%;width:10px;height:10px;transform:translate(-50%,-50%) rotate(45deg);background:var(--accent)}.timeline-years{margin-left:150px;display:grid;grid-template-columns:repeat(5,1fr);color:var(--muted2);font-size:8px;text-align:center}.copilot-stage{min-height:330px;display:grid;grid-template-columns:1.15fr .85fr;gap:16px;align-items:center;padding:15px}.copilot-orbit{width:290px;height:290px;position:relative;margin:auto;border-radius:50%;border:1px solid rgba(54,216,255,.2);background:radial-gradient(circle,rgba(35,111,161,.2),transparent 56%)}.copilot-orbit:before,.copilot-orbit:after{content:"";position:absolute;border:1px dashed rgba(104,170,207,.2);border-radius:50%;inset:38px}.copilot-orbit:after{inset:72px}.ai-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#1e83b9,#071b30 70%);border:1px solid #39c8ff;box-shadow:0 0 40px rgba(54,216,255,.4)}.orbit-node{position:absolute;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#09243b;border:1px solid #2a7ca8;font-size:8px}.node-1{left:116px;top:2px}.node-2{right:12px;top:58px}.node-3{right:12px;bottom:58px}.node-4{left:116px;bottom:2px}.node-5{left:12px;bottom:58px}.node-6{left:12px;top:58px}.copilot-panel{padding:16px;border:1px solid var(--line);border-radius:12px;background:rgba(5,22,38,.74)}.copilot-label{color:var(--cyan);font-size:8px}.copilot-panel h4{font-size:16px}.copilot-panel p{font-size:10px;color:var(--muted);line-height:1.7}.copilot-actions{display:flex;gap:7px}.copilot-actions button{flex:1;border:1px solid rgba(54,216,255,.22);background:rgba(30,116,170,.12);border-radius:8px;padding:8px;font-size:8px}.data-table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:700px}.data-table th{height:35px;padding:6px 10px;background:rgba(7,31,51,.7);color:#6f91a9;text-align:left;font-size:7.5px;text-transform:uppercase;border-bottom:1px solid var(--line)}.data-table td{padding:8px 10px;color:#9fb8c9;font-size:8.5px;border-bottom:1px solid rgba(63,112,142,.1)}.data-table td strong{display:block;color:#d5e6f1}.data-table td small{display:block;color:var(--muted2);font-size:7px}.score-value{color:var(--cyan);font-weight:800}.table-progress{display:grid;grid-template-columns:1fr 28px;align-items:center;gap:6px;min-width:110px}.table-progress:before{content:"";grid-column:1;grid-row:1;height:5px;background:#0c2a40}.table-progress i{grid-column:1;grid-row:1;height:5px;background:linear-gradient(90deg,#2881ee,#4fe0ff);z-index:1}.table-status{display:inline-flex;min-height:21px;padding:0 7px;align-items:center;border-radius:5px;font-size:7px;font-weight:800;color:var(--status);background:color-mix(in srgb,var(--status) 8%,transparent);border:1px solid color-mix(in srgb,var(--status) 28%,transparent)}.status-success{--status:var(--green)}.status-warning{--status:var(--gold)}.status-danger{--status:var(--red)}.status-info{--status:var(--cyan)}.insight-list{display:grid;padding:8px 10px;gap:6px}.insight-list>div{display:grid;grid-template-columns:24px 1fr 12px;gap:7px;align-items:center;min-height:51px;padding:7px;border:1px solid rgba(63,118,151,.13);border-radius:8px}.insight-list>div>span{width:23px;height:23px;border-radius:7px;display:grid;place-items:center;background:rgba(54,216,255,.1);color:var(--cyan);font-size:8px}.insight-list p{margin:0;color:#9db7c8;font-size:8px}.dashboard-meta-strip{margin-top:9px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--line)}.dashboard-meta-strip>div{display:grid;grid-template-columns:25px 1fr;grid-template-areas:"i l" "i v";padding:6px 10px;background:rgba(4,18,31,.96)}.dashboard-meta-strip i{grid-area:i;color:var(--gold);font-size:15px}.dashboard-meta-strip span{grid-area:l;color:var(--muted2);font-size:7px;text-transform:uppercase}.dashboard-meta-strip strong{grid-area:v;color:#9fb9ca;font-size:8px}.search-overlay{position:fixed;inset:0;z-index:100;background:rgba(0,7,13,.72);backdrop-filter:blur(10px);display:grid;place-items:start center;padding-top:13vh;opacity:0;visibility:hidden}.search-overlay.show{opacity:1;visibility:visible}.search-dialog{width:min(720px,calc(100% - 28px));border:1px solid var(--line2);border-radius:16px;background:#061827;box-shadow:0 35px 80px rgba(0,0,0,.45);overflow:hidden}.search-input-wrap{height:62px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;padding:0 14px;border-bottom:1px solid var(--line)}.search-input-wrap input{height:100%;border:0;outline:0;background:transparent;color:#fff;font-size:16px}.search-input-wrap button{border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--muted);font-size:9px;padding:4px 7px}.search-results{max-height:430px;overflow:auto;padding:8px}.search-result{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;padding:10px;border-radius:9px}.search-result:hover{background:rgba(37,108,156,.16)}.search-result>i{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:rgba(54,216,255,.08);color:var(--cyan)}.search-result strong{display:block;font-size:11px}.search-result small{display:block;color:var(--muted);font-size:9px}.search-empty{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted2)}.flash-stack{position:fixed;right:20px;top:82px;z-index:90;display:grid;gap:8px;width:390px}.flash-message{min-height:46px;display:grid;grid-template-columns:22px 1fr 20px;align-items:center;padding:8px 10px;border-radius:10px;background:#0a253c;border:1px solid var(--flash,var(--cyan))}.flash-message button{border:0;background:transparent}.flash-success{--flash:var(--green)}.flash-danger{--flash:var(--red)}.admin-filter-panel{min-height:auto;margin-bottom:9px}.admin-filters{display:grid;grid-template-columns:1fr 150px 150px auto auto;gap:8px;padding:11px}.admin-search{height:36px;display:grid;grid-template-columns:25px 1fr;align-items:center;border:1px solid var(--line);border-radius:8px;background:#061a2b;padding:0 8px}.admin-search input,.admin-filters select{height:36px;border:1px solid var(--line);border-radius:8px;background:#061a2b;color:#dcebf5;padding:0 10px}.admin-search input{height:100%;border:0;background:transparent}.module-chip{display:inline-flex;padding:4px 7px;border-radius:5px;background:rgba(55,139,190,.1);color:#82cbee}.row-actions{display:flex;justify-content:flex-end;gap:5px}.row-actions a,.row-actions button{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:rgba(7,29,48,.74);color:#8eb4ca}.row-actions form{margin:0}.text-end{text-align:right!important}.empty-state{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted2)}.pagination-bar{display:flex;justify-content:space-between;padding:10px;color:var(--muted)}.form-panel{max-width:900px;margin:auto}.premium-form{padding:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field.span-2{grid-column:span 2}.form-field label{font-size:9px;color:#aac1d1}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--line);border-radius:9px;background:#061a2b;color:#e7f2f9;padding:10px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.error-page{min-height:calc(100vh - 180px);display:flex;flex-direction:column;align-items:center;justify-content:center}.error-page>span{font-size:90px;font-weight:900;color:transparent;-webkit-text-stroke:1px rgba(54,216,255,.4)}.login-page{min-height:100vh;overflow:hidden;background:#020914;position:relative}.login-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(34,110,155,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(34,110,155,.07) 1px,transparent 1px);background-size:50px 50px}.login-glow{position:fixed;border-radius:50%;filter:blur(120px);opacity:.18}.login-glow-a{width:600px;height:600px;background:#075d9e;left:-230px;top:-240px}.login-glow-b{width:500px;height:500px;background:#0d8c89;right:-250px;bottom:-250px;opacity:.1}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr;position:relative;z-index:2}.login-hero{padding:48px 6vw 34px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid rgba(73,136,176,.13)}.login-brand{display:flex;align-items:center;gap:14px}.login-crest{width:58px;height:58px}.login-brand>div:last-child{display:flex;flex-direction:column}.login-brand span{color:var(--muted);font-size:9px}.login-brand strong{font-size:17px}.login-brand small{color:var(--gold);font-size:8px}.hero-copy{max-width:780px}.eyebrow{display:inline-flex;gap:7px;color:#83d8ff;border:1px solid rgba(54,216,255,.15);padding:7px 10px;border-radius:999px;font-size:9px}.hero-copy h1{font-size:clamp(34px,4.3vw,66px);line-height:1.08;letter-spacing:-.045em;margin:22px 0 18px;background:linear-gradient(100deg,#fff,#badcf0);-webkit-background-clip:text;color:transparent}.hero-copy>p{color:#8fabbe;font-size:13px;line-height:1.8}.hero-features{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px}.hero-features>div{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;min-height:70px;padding:10px;border:1px solid rgba(69,133,172,.16);border-radius:11px;background:rgba(7,29,47,.45)}.hero-features i{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:rgba(54,216,255,.08);color:var(--cyan);font-size:19px}.hero-features span{display:flex;flex-direction:column}.hero-features strong{font-size:11px}.hero-features small{color:var(--muted);font-size:8.5px}.hero-status-strip{display:flex;gap:20px;color:var(--muted2);font-size:9px}.login-card-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px}.login-card{width:min(460px,100%);padding:28px;border:1px solid rgba(83,153,197,.24);border-radius:18px;background:linear-gradient(160deg,rgba(8,31,51,.96),rgba(3,16,29,.96));box-shadow:0 38px 90px rgba(0,0,0,.4)}.login-card-header{display:grid;grid-template-columns:48px 1fr;gap:13px;margin-bottom:24px}.login-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:rgba(242,200,75,.12);color:var(--gold);font-size:20px}.login-icon-logo img{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(242,200,75,.28))}.login-card-header h2{font-size:20px;margin:3px 0}.login-card-header p{font-size:9px;color:var(--muted)}.login-alert{padding:9px;border:1px solid rgba(255,82,100,.25);border-radius:8px;color:#ff9eaa;margin-bottom:12px}.login-form{display:grid;gap:16px}.field-group{display:flex;flex-direction:column;gap:7px}.field-group>label{font-size:9px;color:#a9c1d1}.input-shell{height:45px;display:grid;grid-template-columns:27px 1fr auto;align-items:center;padding:0 11px;border:1px solid rgba(75,132,169,.26);border-radius:10px;background:#051726}.input-shell input{height:100%;border:0;outline:0;background:transparent;color:#fff}.password-toggle{border:0;background:transparent}.login-options{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.login-submit{height:47px;border:1px solid rgba(63,155,255,.5);border-radius:10px;background:linear-gradient(145deg,#217eec,#0c58b5);color:#fff;font-weight:800}.login-card-footer{display:flex;gap:8px;margin-top:20px;padding-top:15px;border-top:1px solid var(--line);color:var(--muted2);font-size:8px}.login-version{margin-top:16px;color:#3c6178;font-size:8px}@media(max-width:1500px){:root{--sidebar:270px}.content-area{padding:16px}.kpi-grid-wide{grid-template-columns:repeat(4,1fr)}.mini-stat-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1180px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.sidebar-close,.mobile-menu{display:grid}.main-shell{margin-left:0}.sidebar-backdrop{position:fixed;inset:0;background:rgba(0,7,14,.65);z-index:45;opacity:0;visibility:hidden}.sidebar-backdrop.show{opacity:1;visibility:visible}.span-3,.span-4{grid-column:span 6}.span-5{grid-column:span 7}.span-8{grid-column:span 12}.kpi-grid{grid-template-columns:repeat(3,1fr)}.login-shell{grid-template-columns:1fr 440px}.hero-features{grid-template-columns:1fr}}@media(max-width:820px){.system-status,.date-time,.demo-badge{display:none}.content-area{padding:12px 10px}.dashboard-heading{align-items:flex-start;flex-direction:column}.kpi-grid,.kpi-grid-wide{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.span-3,.span-4,.span-5,.span-8{grid-column:1}.row-2{grid-row:auto}.donut-wrap{grid-template-columns:1fr}.mini-stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-meta-strip{grid-template-columns:1fr}.app-footer{grid-template-columns:1fr;text-align:center}.app-footer>div{justify-content:center!important}.copilot-stage{grid-template-columns:1fr}.admin-filters{grid-template-columns:1fr 1fr}.admin-search{grid-column:span 2}.form-grid{grid-template-columns:1fr}.form-field.span-2{grid-column:1}.login-shell{grid-template-columns:1fr}.login-hero{display:none}.user-copy{display:none}}