@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";@keyframes borderPulse{0%,to{border-color:#1a4055}50%{border-color:#287b91}}@keyframes accentBorderPulse{0%,to{border-color:#34728a}50%{border-color:#45d2b7}}:root{color:#d9e9f1;font-synthesis:none;background:#07131f;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:#07131f;margin:0}button{font:inherit}.app{background:radial-gradient(at 64% -20%,#13354b 0,#07131f 45%);min-height:100vh;display:flex;overflow:hidden}aside{background:#05111cd9;border-right:1px solid #1b3447;flex-direction:column;flex:none;width:184px;min-height:100vh;padding:24px 12px 14px;display:flex}.brand{border-bottom:1px solid #1b3447;align-items:center;gap:9px;padding:0 7px 28px;display:flex}.brand b{letter-spacing:1px;color:#fff;font-family:Barlow Condensed;font-size:21px;line-height:.8}.brand small{color:#40d4bb;letter-spacing:1px;margin-top:7px;font-size:7px;display:block}.crest{color:#edc66c;border:1px solid #d7a746;border-radius:50%;place-items:center;width:39px;height:39px;font:600 8px Barlow Condensed;display:grid;transform:rotate(-12deg)}.nav{gap:5px;padding-top:18px;display:grid}.nav-item{color:#7891a1;letter-spacing:.5px;border-radius:5px;align-items:center;gap:10px;height:34px;padding:0 9px;font-size:9px;font-weight:700;display:flex}.nav-item.active{color:#48d7c2;background:linear-gradient(90deg,#073d5c,#0c2c42);border-left:2px solid #29d4b1}.side-bottom{margin-top:auto}.system{color:#4bd9be;border-top:1px solid #1b3447;border-bottom:1px solid #1b3447;align-items:center;gap:6px;padding:15px 5px;font-size:8px;display:flex}.system b{color:#42d5b9;margin-left:auto;font-size:8px}.user{align-items:center;gap:8px;padding:17px 4px 0;display:flex}.avatar{color:#b8e7ed;background:#245675;border-radius:50%;place-items:center;width:27px;height:27px;font-size:9px;display:grid}.user b{font-size:9px;display:block}.user small{color:#6e8798;margin-top:3px;font-size:7px;display:block}.user svg{color:#718a9a;margin-left:auto}main{width:100%;min-width:0;padding:24px 25px 15px}header{border-bottom:1px solid #1b3447;justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.title-area{align-items:center;gap:16px;display:flex}.crest-pair{flex:none;align-items:center;gap:8px;display:flex}.crest-pair img{object-fit:contain;filter:drop-shadow(0 0 5px #52c4ff40);width:46px;height:46px}.eyebrow{color:#7e9aa9;letter-spacing:1px;margin-bottom:8px;font-size:9px}.eyebrow b{color:#2a5166;margin:0 6px}.live-dot{background:#28d4ad;border-radius:50%;width:9px;height:9px;margin-right:8px;animation:1.4s ease-in-out infinite liveDotPulse;display:inline-block;box-shadow:0 0 9px #28d4ad}@keyframes liveDotPulse{0%,to{transform:scale(1);box-shadow:0 0 6px #28d4ad}50%{transform:scale(1.35);box-shadow:0 0 16px #28d4ad}}h1{letter-spacing:1.8px;color:#fff;margin:0;font:600 29px Barlow Condensed}h1 span{color:#ecc66a}header p{letter-spacing:1.6px;color:#7a96a6;margin:5px 0 0;font-size:9px}.dashboard-subtitle{letter-spacing:1.15px;text-transform:uppercase;color:#d7e8ed;font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:600}.dashboard-subtitle i{color:#38d3b5;margin:0 5px;font-style:normal}.header-right{align-items:center;gap:25px;display:flex}.secure{color:#68a3ae;align-items:center;gap:6px;font-size:9px;display:flex}.weather{color:#e7c16b;align-items:center;gap:7px;font:600 22px Barlow Condensed;display:flex}.weather small{color:#7892a0;letter-spacing:.3px;font:500 7px/1.5 Inter}.live-datetime{border-left:1px solid #28516a;flex-direction:column;gap:2px;min-width:132px;padding-left:14px;display:flex}.live-datetime b{letter-spacing:1px;color:#d7e8ed;font:600 10px Barlow Condensed}.live-datetime span{letter-spacing:1px;color:#38d3b5;font:600 18px Barlow Condensed}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:9px;margin:16px 0;display:grid}.kpi{background:linear-gradient(130deg,#0f2839e6,#081826a6);border:1px solid #1b4155;border-radius:6px;min-width:0;padding:11px 12px 10px;animation:4s ease-in-out infinite borderPulse;position:relative}.kpi-icon{color:#39d1b2;float:right}.kpi small{color:#7695a5;letter-spacing:.4px;font-size:8px;font-weight:700;display:block}.kpi strong{color:#f0c86c;letter-spacing:.5px;margin:3px 0;font:600 23px Barlow Condensed;display:block}.kpi span{color:#738d9b;white-space:nowrap;font-size:8px}.kpi em{color:#33d4af;margin-left:4px;font-style:normal}.top-grid{grid-template-columns:minmax(230px,.72fr) minmax(0,2.8fr);align-items:start;gap:10px;display:grid}.panel{background:linear-gradient(135deg,#0d2333eb,#061623cc);border:1px solid #1a4055;border-radius:6px;min-width:0;padding:13px;animation:4s ease-in-out infinite borderPulse;overflow:hidden}.panel-title{color:#d7e8ed;letter-spacing:.7px;justify-content:space-between;align-items:flex-start;margin-bottom:13px;font-size:10px;font-weight:700;display:flex}.panel-title small{color:#44cdb7;letter-spacing:1px;margin-top:4px;font-size:7px;display:block}.panel-title svg{color:#55788d}.corridor-list{gap:10px;display:grid}.corridor{align-items:center;gap:9px;display:flex}.corridor-no{color:#48cfba;border:1px solid #34728a;border-radius:4px;place-items:center;width:22px;height:22px;font:600 11px Barlow Condensed;animation:3s ease-in-out infinite accentBorderPulse;display:grid}.corridor-name{flex:1;min-width:0}.corridor-name b{white-space:nowrap;text-overflow:ellipsis;color:#c0d4dc;font-size:9px;font-weight:500;display:block;overflow:hidden}.corridor>strong{color:#ecc36a;font:600 14px Barlow Condensed}.progress{background:#183344;border-radius:2px;height:3px;margin-top:6px}.progress i{background:#24cfae;border-radius:2px;height:100%;display:block}.map-panel{min-height:0;padding-bottom:8px}.map-head{justify-content:space-between;align-items:center;margin-top:-3px;display:flex}.map-legend{color:#718c9b;align-items:center;gap:5px;font-size:7px;display:flex}.dot{border-radius:50%;width:5px;height:5px;margin-left:3px;display:inline-block}.green{background:#25d4a9}.blue{background:#36aaff}.yellow{background:#f0c04f}.red{background:#ed665d}.map-actions button{color:#8da8b4;background:#0a2436;border:1px solid #28516a;width:20px;height:19px;margin-left:3px}.map{background:radial-gradient(at 58% 52%,#184b5952,#0000 50%),linear-gradient(135deg,#071b2a,#081a28);border-radius:4px;height:clamp(320px,42vw,540px);margin:9px -4px 0;position:relative;overflow:hidden}.map-source-note{z-index:3;color:#5e8998;letter-spacing:1px;font-size:7px;position:absolute;top:10px;left:12px}.map-source-note span{color:#35d2b4;margin-left:7px}.map-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.district{fill:#103646;stroke:#3a9b9a;stroke-width:.7px;opacity:.95}.pin circle{fill:#1689dc;stroke:#8ed7ff;stroke-width:1.5px;filter:drop-shadow(0 0 6px)}.pin text{fill:#fff;font:600 9px Barlow Condensed}.pin.p0{color:#1689dc}.pin.p0 circle{fill:#1689dc;stroke:#8ed7ff}.pin.p1{color:#35c878}.pin.p1 circle{fill:#35c878;stroke:#a0f0ba}.pin.p2{color:#f28a32}.pin.p2 circle{fill:#f28a32;stroke:#ffc078}.pin.p3{color:#e84b45}.pin.p3 circle{fill:#e84b45;stroke:#ff9d98}.pin.p4{color:#174b87}.pin.p4 circle{fill:#174b87;stroke:#6e9ed2}.pin.p5{color:#f3d36a}.pin.p5 circle{fill:#f3d36a;stroke:#fff1b0}.pin.p6{color:#26734c}.pin.p6 circle{fill:#26734c;stroke:#83c39b}.pin.p7{color:#9b68d0}.pin.p7 circle{fill:#9b68d0;stroke:#d5b6f3}@keyframes nodeGlow{0%,to{filter:drop-shadow(0 0 3px)}50%{filter:drop-shadow(0 0 11px)}}.pin{transform-box:fill-box;transform-origin:50%;animation:1.9s ease-in-out infinite nodeGlow}.pin.p1{animation-delay:.18s}.pin.p2{animation-delay:.36s}.pin.p3{animation-delay:.54s}.pin.p4{animation-delay:.72s}.pin.p5{animation-delay:.9s}.pin.p6{animation-delay:1.08s}.pin.p7{animation-delay:1.26s}@media (prefers-reduced-motion:reduce){.pin,.live-dot,.panel,.kpi,.corridor-no,.corridor-project-no{animation:none}}.sea-label{color:#30556a;letter-spacing:1.5px;font:600 8px Barlow Condensed;position:absolute}.s1{top:22px;left:35px}.s2{top:65px;right:26px;transform:rotate(90deg)}.secondary-grid{grid-template-columns:1.25fr 1fr;gap:10px;margin-top:10px;display:grid}.secondary-grid .panel{min-height:155px}.delays{gap:10px;display:grid}.delay{color:#a9c1c9;align-items:flex-start;gap:10px;font-size:10px;display:flex}.delay>svg{color:#ec6a5d;flex:none;margin-top:2px}.news-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.news-meta{align-items:center;gap:8px;line-height:1;display:flex}.country-flag{font-size:14px;font-style:normal;line-height:1}.country-name{color:#45d2b7;letter-spacing:.5px;white-space:nowrap;font-size:9px}.news-title{color:#b4c8d0;font-size:10px;line-height:1.4}.news-date{color:#ec7665;white-space:nowrap;margin-left:auto;padding-top:2px;font-size:9px}.corridor-projects{gap:8px;display:grid}.corridor-project{align-items:center;gap:7px;min-width:0;display:flex}.corridor-project-no{color:#48cfba;border:1px solid #34728a;border-radius:3px;flex:none;place-items:center;width:18px;height:18px;font:600 9px Barlow Condensed;animation:3s ease-in-out infinite accentBorderPulse;display:grid}.corridor-project-body{flex:1;min-width:0}.corridor-project-body>b{text-overflow:ellipsis;white-space:nowrap;color:#c0d4dc;font-size:9px;font-weight:500;display:block;overflow:hidden}.project-bars{background:#183344;border-radius:3px;gap:2px;height:4px;margin-top:4px;display:flex;overflow:hidden}.project-bars i{border-radius:3px;height:100%;display:block}.federal-bar{background:#1689dc}.state-bar{background:#35c878}.project-values{flex-direction:column;flex:none;gap:2px;width:74px;font-size:8px;font-style:normal;display:flex}.project-values em{white-space:nowrap;font-style:normal}.project-values em:first-child{color:#64baff}.project-values em:last-child{color:#71dd9a}.bottom-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px;display:grid}.bottom-grid .panel{min-height:148px}.tax-chart,.area{height:105px}.carbon{grid-template-columns:repeat(3,1fr);gap:5px;height:102px;display:grid}.carbon>div{border-left:1px solid #24465a;padding:7px}.carbon strong{color:#eac56a;margin:5px 0;font:600 22px Barlow Condensed;display:block}.carbon span{color:#7995a2;font-size:7px;line-height:1.3;display:block}.sea-map{background:radial-gradient(at 48% 48%,#005c9647,#0000 65%),#061d31;border:1px solid #1a4055;border-radius:4px;height:180px;position:relative;overflow:hidden}.sea-map-note{z-index:2;color:#4c899d;letter-spacing:1px;font-size:7px;position:absolute;top:8px;left:10px}.sea-map svg{width:100%;height:100%;display:block}.sea-district{fill:#123f4d;stroke:#3b8e91;stroke-width:.8px;opacity:.95}.sea-route{fill:none;stroke:#31bfae;stroke-width:1.3px;stroke-dasharray:4 3;opacity:.8}.region-node circle{stroke-width:1.5px}.region-node text{fill:#fff;font:600 7px Barlow Condensed}.rn-sabah circle{fill:#1689dc;stroke:#8ed7ff}.rn-ph circle{fill:#9b68d0;stroke:#d5b6f3}.rn-kal circle{fill:#174b87;stroke:#6e9ed2}.rn-sul circle{fill:#35c878;stroke:#a0f0ba}footer{color:#718d9a;letter-spacing:.7px;border-top:1px solid #1b3447;align-items:center;gap:18px;margin-top:12px;padding-top:10px;font-size:8px;display:flex}.footer-alert{color:#ec7666;align-items:center;gap:6px;display:flex}.footer-alert b{color:#fff;background:#d94d5c;border-radius:8px;padding:2px 6px;font-size:7px}.footer-status{color:#52d3bd;align-items:center;gap:6px;margin-left:auto;display:flex}.footer-status b{color:#d9e9f1}.mobile-menu{display:none}@media (width<=1200px){.top-grid{grid-template-columns:1fr}.map-panel{grid-column:auto}.map{height:clamp(320px,55vw,470px)}.secondary-grid{grid-template-columns:1fr 1fr}.bottom-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){aside{display:none}main{padding:16px 12px}.title-area{gap:9px}.crest-pair{gap:4px}.crest-pair img{width:32px;height:32px}.header-right{display:none}h1{font-size:24px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.top-grid,.secondary-grid,.bottom-grid{grid-template-columns:1fr}.map{height:320px}footer{flex-wrap:wrap}.footer-status{margin-left:0}footer>span{width:100%}}