@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-ext-wght-normal.0x9ccydb91kkt.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-wght-normal.0fpdy-lufm69d.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/space-grotesk-vietnamese-wght-normal.3jl0_j8w0bekq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/space-grotesk-latin-ext-wght-normal.2c7zyf29vrghw.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/space-grotesk-latin-wght-normal.0oxh562_148qc.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@layer base{:root{--bg:#0b1314;--panel:#111b1e;--surface:#172326;--line:#263437;--text:#f0f4ed;--muted:#8a9c9c;--lime:#b3f56b;--mint:#80b89e;--amber:#f3b46d;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:DM Sans Variable,Arial,sans-serif;font-size:16px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--lime)}input:focus,textarea:focus,select:focus{outline:1px solid var(--lime)}button{transition:background .18s,color .18s,border-color .18s,transform .18s}input,textarea,select{min-width:0}button svg{flex-shrink:0}h1,h2,h3,p{margin:0}button:disabled:hover{transform:none}::selection{color:#152018;background:#b3f56b}select option{color:#fff;background:#172326}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#344447;border-radius:5px}svg{vertical-align:middle}dialog{color:var(--text)}}.app-shell{grid-template-rows:78px 1fr;grid-template-columns:82px 1fr;height:100dvh;min-height:580px;display:grid;overflow:hidden}.rail{z-index:20;background:#0c1517;border-right:1px solid #253134;flex-direction:column;grid-row:1/3;align-items:center;display:flex}.brand-symbol{background:var(--lime);color:#102018;border-radius:14px;width:43px;height:43px;margin:18px 0 39px;font-family:Space Grotesk Variable,sans-serif;font-size:38px;font-weight:700;line-height:30px;position:relative;transform:rotate(-5deg)}.brand-symbol span{margin-top:-4px;display:block;transform:rotate(5deg)}.brand-symbol i{background:#102018;border-radius:2px;width:9px;height:9px;position:absolute;top:7px;right:6px;transform:rotate(5deg)}.rail-links,.rail-bottom{flex-direction:column;align-items:center;gap:13px;width:100%;display:flex}.rail-bottom{gap:24px;margin-top:auto;padding-bottom:22px}.rail-button{color:#859494;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:65px;height:64px;font-size:10px;font-weight:550;display:flex;position:relative}.rail-button:hover{color:#d9e6df;background:#172325}.rail-button.active{color:var(--lime);background:#b3f56b0d}.rail-button.active:before{content:"";background:var(--lime);border-radius:0 4px 4px 0;width:3px;position:absolute;top:18px;bottom:18px;left:-9px}.avatar{color:#c8e4cf;background:#22352f;border:1px solid #41604e;border-radius:50%;width:32px;height:32px;font-size:13px;font-weight:700}.topbar{border-bottom:1px solid var(--line);z-index:15;background:#111b1e;justify-content:space-between;align-items:center;gap:20px;padding:0 30px;display:flex}.brand-lockup{align-items:center;gap:23px;display:flex}.wordmark{letter-spacing:-1.7px;font-family:Space Grotesk Variable,sans-serif;font-size:33px;font-weight:700;line-height:1}.wordmark span{color:var(--lime);margin-left:5px;font-size:29px;display:inline-block;transform:translateY(-2px)}.brand-divider{background:var(--line);width:1px;height:22px}.brand-tagline{color:#94a5a3;letter-spacing:.2px;font-size:12px}.topbar-right{align-items:center;gap:23px;display:flex}.connection{color:#cad6ce;white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.status-dot{background:#a9ee6b;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block;box-shadow:0 0 10px #b3f56b25}.status-dot.muted{background:#9babab}.connection.offline .status-dot{background:#f3b46d}.language-button{color:#b9c6bf;align-items:center;gap:7px;padding:8px 0;font-size:12px;display:flex}.top-operator{color:#d6e1d9;background:#1c2a2b;border:1px solid #314040;border-radius:8px;align-items:center;gap:9px;padding:9px 12px;font-size:12px;display:flex}.top-operator:hover{background:#2b3c39}.workspace{grid-template-columns:357px minmax(0,1fr);min-height:0;display:grid}.workspace.panel-collapsed{grid-template-columns:1fr}.side-panel{border-right:1px solid var(--line);background:var(--panel);z-index:10;flex-direction:column;min-height:0;display:flex}.panel-heading{padding:30px 25px 22px}.eyebrow{letter-spacing:1.7px;color:#8ca29b;align-items:center;gap:7px;font-size:10px;font-weight:600;display:flex}.tiny-star{color:var(--lime);font-size:17px;line-height:15px}.panel-heading h1{letter-spacing:-1.25px;max-width:290px;margin-top:15px;font-family:Space Grotesk Variable,sans-serif;font-size:29px;font-weight:500;line-height:1.2}.heading-dot{color:var(--lime);display:none}.panel-heading p{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.6}.region-picker{color:#c5d6c7;background:#1d2a26;border:1px solid #33433e;border-radius:8px;align-items:center;gap:9px;margin:0 25px 16px;padding:10px 12px;display:flex}.region-picker svg:first-child{color:var(--lime)}.region-picker select{appearance:none;color:#e7eee6;cursor:pointer;background:0 0;border:0;outline:none;flex:1;font-size:13px}.journey-cta{color:#1d3020;text-align:left;background:#b3f56b;border:1px solid #b3f56b;border-radius:10px;align-items:center;gap:12px;margin:0 25px 16px;padding:15px;display:flex}.journey-cta:hover,.journey-cta.open{background:#c5ff8a}.journey-cta-icon{background:#25402215;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.journey-cta span{flex:1}.journey-cta strong{font-size:13px;font-weight:700;display:block}.journey-cta small{color:#39502b;margin-top:4px;font-size:11px;display:block}.search-input{color:#73888a;background:#152024;border:1px solid #2b383c;border-radius:8px;align-items:center;gap:10px;margin:0 25px 7px;padding:10px 11px;display:flex}.search-input input{color:var(--text);background:0 0;border:0;outline:0;width:100%;font-size:12px}.search-input input::placeholder{color:#819191}.panel-scroll{scrollbar-gutter:stable;flex:1;min-height:0;padding:0 25px 24px;overflow-y:auto}.section-title{justify-content:space-between;align-items:center;gap:8px;margin:23px 0 13px;display:flex}.section-title h2,.section-title h3{letter-spacing:-.2px;font-size:13px;font-weight:600}.section-title>span{color:#7e9390;letter-spacing:.5px;font-size:10px}.route-list{flex-direction:column;gap:10px;display:flex}.route-card{--route-color:#b3f56b;background:#172326;border:1px solid #2a393b;border-radius:11px;transition:border-color .2s,background .2s;position:relative;overflow:hidden}.route-card:hover{background:#1c2b2b;border-color:#51694d}.route-card.selected{border-color:var(--route-color);background:color-mix(in srgb, var(--route-color) 7%, #13201e)}.route-main{text-align:left;width:100%;padding:14px 15px;display:block}.route-card-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.route-badge{color:var(--route-color,#b3f56b);letter-spacing:.4px;white-space:nowrap;border:1px solid;border-radius:5px;align-items:center;gap:6px;padding:6px 8px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.route-card .route-badge{border-color:color-mix(in srgb, var(--route-color) 24%, transparent);background:color-mix(in srgb, var(--route-color) 8%, transparent)}.route-arrival{letter-spacing:-.3px;align-items:center;gap:7px;font-size:14px;font-weight:650;display:flex}.signal-bars{align-items:flex-end;gap:2px;height:11px;display:inline-flex}.signal-bars i{background:var(--lime);width:2px;height:4px;display:block}.signal-bars i:nth-child(2){height:7px}.signal-bars i:nth-child(3){height:10px}.route-main>strong{letter-spacing:-.25px;font-size:14px;font-weight:600}.route-main>p{color:#8fa3a1;white-space:nowrap;text-overflow:ellipsis;max-width:220px;margin-top:5px;font-size:11px;overflow:hidden}.route-card-meta{color:#7f9591;align-items:center;gap:12px;margin-top:15px;font-size:10px;display:flex}.route-card-meta span{align-items:center;gap:5px;display:flex}.route-card-meta .status-dot{background:var(--route-color);width:4px;height:4px}.route-card-meta>svg{margin-left:auto;margin-right:24px}.save-route{color:#6f8781;padding:5px;position:absolute;bottom:10px;right:9px}.save-route:hover,.is-saved{color:var(--lime)!important}.stop-row{border-bottom:1px solid #243236;align-items:center;gap:5px;padding:11px 0;display:flex}.stop-row.selected{background:#b3f56b08}.stop-main{text-align:left;flex:1;align-items:center;gap:11px;min-width:0;padding:0;display:flex}.stop-icon{color:#bac9c0;background:#1a292b;border:1px solid #314040;border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.stop-main strong{font-size:12px;font-weight:500;display:block}.stop-main small{color:#7e9690;margin-top:5px;font-size:10px;display:block}.icon-button{color:#a3b5ae;border-radius:6px;justify-content:center;align-items:center;min-width:28px;min-height:28px;padding:5px;display:inline-flex}.icon-button:hover{color:#eff9ec;background:#ffffff10}.community-promo{background:radial-gradient(at 85% 0,#35472b45,#0000 70%),#1d2a26;border:1px solid #3b4941;border-radius:11px;margin-top:25px;padding:20px 18px;position:relative}.promo-icon{color:#c0dfa9;border:1px solid #4a6245;border-radius:9px;place-items:center;width:35px;height:35px;margin-bottom:13px;display:inline-grid}.community-promo h3{letter-spacing:-.4px;max-width:210px;font-family:Space Grotesk Variable,sans-serif;font-size:17px;font-weight:500}.community-promo p{color:#94a78f;margin:8px 0 14px;font-size:11px;line-height:1.7}.community-promo button{color:#b3f56b;justify-content:space-between;align-items:center;width:100%;padding:0;font-size:12px;display:flex}.panel-footer{border-top:1px solid var(--line);color:#708982;background:#111b1e;align-items:center;gap:7px;padding:15px 23px;font-size:9px;display:flex}.panel-footer>span:last-child{margin-left:auto;font-size:9px}.malaysia-flag{filter:saturate(.65);font-size:14px}.map-workspace{isolation:isolate;background:#14241f;min-width:0;min-height:0;position:relative;overflow:hidden}.map-workspace>div:first-child{position:absolute;inset:0}.map-top-controls{pointer-events:none;z-index:5;justify-content:space-between;align-items:flex-start;gap:14px;display:flex;position:absolute;top:22px;left:23px;right:23px}.map-top-controls>*{pointer-events:auto}.map-location{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#14211eeb;border:1px solid #ffffff14;border-radius:9px;align-items:center;gap:13px;padding:11px 14px;display:flex;box-shadow:0 7px 23px #0002}.map-location>div{flex-direction:column;gap:5px;display:flex}.map-location strong{font-size:12px;font-weight:600}.map-location>div>span{letter-spacing:.5px;color:#849890;font-size:9px}.map-live{color:#b3f56b;letter-spacing:.6px;align-items:center;gap:5px;margin-left:10px;font-size:9px;display:flex}.map-live .status-dot{width:4px;height:4px}.map-control-right{gap:9px;display:flex}.mode-toggle{background:#14211eef;border:1px solid #ffffff14;border-radius:9px;padding:4px;display:flex;box-shadow:0 5px 15px #0002}.mode-toggle button{color:#97aaa0;border-radius:5px;align-items:center;gap:6px;padding:9px 11px;font-size:12px;font-weight:600;display:flex;position:relative}.mode-toggle button.active{color:#1b2d1c;background:#b3f56b}.new-dot{background:#b3f56b;border-radius:50%;width:4px;height:4px;position:absolute;top:5px;right:5px}.mode-toggle button.active .new-dot{display:none}.map-square{color:#c2d3c4;background:#14211eef;border:1px solid #ffffff14;border-radius:9px;place-items:center;width:47px;height:47px;display:grid;box-shadow:0 5px 15px #0002}.map-city-label{pointer-events:none;z-index:2;text-shadow:0 2px 20px #0005;opacity:.8;position:absolute;top:113px;left:36px}.map-city-label>span{color:#bacfba;letter-spacing:2px;font-size:9px;font-weight:500}.map-city-label h2{letter-spacing:-2.5px;color:#eff7e8;margin-top:13px;font-family:Space Grotesk Variable,sans-serif;font-size:49px;font-weight:500;line-height:1.04}.map-city-label h2 span{display:block}.map-hint{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14211feb;border:1px solid #ffffff12;border-radius:11px;align-items:center;gap:12px;max-width:370px;padding:15px 17px;display:flex;position:absolute;bottom:112px;left:26px;box-shadow:0 8px 20px #0003}.hint-icon{color:#b3f56b;background:#283b2b;border:1px solid #3a5035;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.map-hint strong{font-size:12px;font-weight:550;display:block}.map-hint small{color:#8fa79a;margin-top:5px;font-size:10px;display:block}.hint-spark{color:#b3f56b;margin-left:8px;font-size:28px}.map-bottom{z-index:4;pointer-events:none;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;bottom:50px;left:26px;right:25px}.map-bottom>*{pointer-events:auto}.map-legend{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111c1edb;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:16px;padding:11px 15px;display:flex}.map-legend>span{color:#adc0b3;white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:flex}.map-legend i{border-radius:2px;width:13px;height:3px;display:inline-block}.map-legend button{color:#d7e8d2;align-items:center;gap:3px;font-size:10px;display:flex}.report-fab{color:#19301c;background:#b3f56b;border:1px solid #c4ff8c;border-radius:8px;align-items:center;gap:7px;padding:11px 15px;font-size:12px;font-weight:600;display:flex;box-shadow:0 8px 25px #0003}.report-fab:hover{background:#cbff92;transform:translateY(-2px)}.network-strip{color:#a3b5a9;z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#11201deb;border-top:1px solid #ffffff12;align-items:center;gap:20px;padding:12px 24px;font-size:9px;display:flex;position:absolute;bottom:0;left:0;right:0}.network-strip>span:first-child{white-space:nowrap;align-items:center;gap:6px;display:flex}.network-strip b{color:#d0e5c5;font-weight:600}.network-source{letter-spacing:.1px;font-size:9px}.network-strip button{color:#b4c8b3;white-space:nowrap;align-items:center;gap:5px;margin-left:auto;padding:0;font-size:9px;display:flex}.map-banner{z-index:12;border-radius:9px;align-items:center;gap:10px;max-width:85%;padding:13px 17px;font-size:12px;display:flex;position:absolute;top:91px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #0004}.pick-banner{color:#19301c;background:#b3f56b}.pick-banner .icon-button{color:#19301c}.offline-banner,.feed-banner{color:#f0ce9c;background:#392d1dee;border:1px solid #80623a}.feed-banner{max-width:400px;line-height:1.6;top:93px;left:auto;right:23px;transform:none}.vehicle-detail{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:6;background:#14201ff5;border:1px solid #496044;border-radius:14px;width:305px;padding:18px;animation:.2s ease-out slide-in;position:absolute;top:90px;right:23px;box-shadow:0 15px 60px #0005}.detail-top{align-items:center;gap:10px;margin-bottom:15px;display:flex}.detail-top .icon-button{margin-left:auto}.detail-source{color:#8da38a;letter-spacing:.8px;font-size:8px}.vehicle-detail>h2{letter-spacing:-1px;font-family:Space Grotesk Variable,sans-serif;font-size:26px;font-weight:500}.vehicle-detail>p{color:#8aa092;margin-top:5px;font-size:11px;line-height:1.6}.vehicle-metrics{border-top:1px solid #2c3f32;border-bottom:1px solid #2c3f32;grid-template-columns:1fr 1.3fr 1fr;gap:8px;margin:16px 0 12px;padding:16px 0;display:grid}.vehicle-metrics>div>span{color:#8aa091;margin-bottom:7px;font-size:10px;display:block}.vehicle-metrics strong{white-space:nowrap;font-size:13px;font-weight:550}.vehicle-metrics strong small{color:#8aa091;font-size:9px;font-weight:400}.vehicle-metrics .occupancy-label{font-size:11px}.text-green{color:#b3f56b}.text-amber,.amber{color:#f3b46d!important}.detail-accessibility{color:#94ada0;align-items:center;gap:7px;font-size:10px;line-height:1.5;display:flex}.upcoming-stops .section-title{margin:20px 0 15px}.upcoming-stops h3{font-size:12px}.upcoming-stop{align-items:center;gap:10px;padding-bottom:18px;display:flex;position:relative}.upcoming-stop:not(:last-child):before{content:"";background:#415c45;width:1px;position:absolute;top:8px;bottom:-2px;left:3px}.upcoming-stop>i{z-index:1;background:#17281c;border:1px solid #779073;border-radius:50%;flex-shrink:0;width:7px;height:7px;position:relative}.upcoming-stop>i.first{background:#b3f56b;border-color:#b3f56b;box-shadow:0 0 0 4px #b3f56b10}.upcoming-stop>span{color:#c3d4c6;font-size:11px}.upcoming-stop>strong{color:#d1efbb;white-space:nowrap;margin-left:auto;font-size:13px;font-weight:550}.upcoming-stop>strong>small{color:#8ba180;font-size:10px;font-weight:400}.follow-button{color:#1f351e;background:#b3f56b;border-radius:7px;justify-content:center;align-items:center;gap:9px;width:100%;margin-top:6px;padding:11px;font-size:12px;font-weight:600;display:flex}.follow-button.following{color:#b3f56b;background:#2b4227;border:1px solid #60834c}.detail-footnote{color:#81987d;text-align:center;margin-top:10px;font-size:8px;line-height:1.6;display:block}.stop-detail .detail-top{justify-content:space-between}.arrival-row{border-bottom:1px solid #2c4034;align-items:center;gap:10px;width:100%;padding:10px 0;display:flex}.arrival-row>span{color:#8aa091;font-size:11px}.arrival-row>strong{color:#b3f56b;margin-left:auto;font-size:13px}.stop-detail>.follow-button{margin-top:20px}.primary-button,.secondary-button{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:11px 16px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.primary-button{color:#1b311d;background:#b3f56b;border:1px solid #b3f56b}.primary-button:hover{background:#ccff96}.secondary-button{color:#cfdfd2;background:#1d2c2c;border:1px solid #385049}.secondary-button:hover{background:#2a4036}.wide{width:100%}.planner{background:#1a2928;border:1px solid #334c3e;border-radius:10px;margin:0 25px 15px;padding:15px;position:relative}.planner label{color:#a1b39f;margin-bottom:11px;font-size:10px;display:block}.planner label>select{color:#dfeadb;background:#10201c;border:1px solid #38513f;border-radius:6px;width:100%;margin-top:6px;padding:9px;font-size:12px;display:block}.swap-button{z-index:2;background:#25372a;border:1px solid #44563f;border-radius:50%;position:absolute;top:67px;right:22px}.check-label{align-items:center;gap:6px;font-size:11px!important;display:flex!important}.check-label input{accent-color:#b3f56b}.planner>.primary-button{width:100%}.fineprint{color:#7e988d;margin:12px 0 0;font-size:10px;line-height:1.65}.journey-result{text-align:left;border-top:1px solid #3c523a;justify-content:space-between;align-items:center;width:100%;margin-top:10px;padding:12px 0;display:flex}.journey-result strong{font-size:15px}.journey-result small{color:#9bad94;margin-top:4px;font-size:10px;display:block}.journey-badges{gap:4px;display:flex}.empty-inline{color:#e6c594;margin-top:12px;font-size:12px;line-height:1.6}.empty-state{text-align:center;color:#90a398;padding:30px 13px}.empty-state>svg{color:#a2c293;margin:0 auto 15px}.empty-state h3{color:#d2dfce;margin-bottom:8px;font-size:15px;font-weight:500}.empty-state p{font-size:12px;line-height:1.7}.community-totals{border-bottom:1px solid #2f3b3c;justify-content:space-between;padding:21px 8px;display:flex}.community-totals>div{text-align:center}.community-totals strong{color:#c8e5b4;font-family:Space Grotesk Variable,sans-serif;font-size:27px;font-weight:500;display:block}.community-totals span{color:#879e91;font-size:10px}.report-card{background:#172326;border:1px solid #2c3d3b;border-radius:10px;margin-bottom:12px;padding:16px 14px}.report-card-top{justify-content:space-between;align-items:center;gap:5px;display:flex}.report-category{color:#c3d3bc;align-items:center;gap:6px;font-size:10px;display:flex}.report-status{color:#cae4b5;white-space:nowrap;background:#35452d;border-radius:4px;padding:5px 6px;font-size:8px;display:inline-block}.report-status.submitted{color:#d8bd8b;background:#3a3222}.report-status.in-progress{color:#96c9eb;background:#223848}.report-status.resolved{color:#a4dcb8;background:#254333}.report-card h3{margin:14px 0 6px;font-size:13px;font-weight:550;line-height:1.5}.report-card p{color:#8fa79a;overflow-wrap:anywhere;font-size:11px;line-height:1.7}.report-card-bottom{color:#7f9788;justify-content:space-between;align-items:center;gap:5px;margin-top:14px;font-size:9px;display:flex}.report-card-bottom button{text-align:left;align-items:center;gap:4px;padding:0;font-size:9px;display:flex}.report-card-bottom>span{white-space:nowrap}.report-image{object-fit:cover;border-radius:7px;width:100%;max-height:140px;margin-top:12px}.operator-session{background:#19292a;border:1px solid #34433c;border-radius:10px;align-items:center;gap:10px;margin:3px 0 15px;padding:12px;display:flex}.operator-session>svg{color:#a8c492}.operator-session strong{font-size:12px;display:block}.operator-session small{color:#899d8f;margin-top:5px;font-size:10px;display:block}.operator-session>button{margin-left:auto}.operator-session.signed-in{border-color:#6b8859}.operator-stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:21px;display:grid}.operator-stats>div{background:#172326;border:1px solid #2c3c3b;border-radius:10px;padding:14px}.operator-stats>div>span{color:#91a699;align-items:center;gap:6px;font-size:10px;display:flex}.operator-stats strong{letter-spacing:-1px;margin:12px 0 6px;font-family:Space Grotesk Variable,sans-serif;font-size:32px;font-weight:500;line-height:1.2;display:block}.operator-stats strong small{color:#738e7d;letter-spacing:0;font-size:12px}.operator-stats i{color:#748c7e;font-size:9px;font-style:normal}.segmented{background:#0f191b;border:1px solid #283a35;border-radius:8px;gap:3px;padding:4px;display:flex}.segmented>button{color:#819b8b;border-radius:5px;flex:1;padding:9px;font-size:11px}.segmented>button.active{color:#c4ed9f;background:#2c422d}.fleet-row{text-align:left;border-bottom:1px solid #263b33;align-items:center;gap:10px;width:100%;padding:12px 0;display:flex}.fleet-icon{color:#b3dc94;background:#243629;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.fleet-row.selected{background:#b3f56b09}.fleet-row>span:nth-child(2){flex:1}.fleet-row strong{font-size:12px;font-weight:550;display:block}.fleet-row small{color:#7e9985;margin-top:4px;font-size:10px;display:block}.fleet-row>span:nth-child(3){font-size:10px}.fleet-row>svg{color:#6a856f}.dispatch-box,.insight-card{background:#192a24;border:1px solid #334d35;border-radius:10px;margin-top:22px;padding:17px}.dispatch-box h3,.insight-card h3{letter-spacing:-.5px;margin:11px 0;font-family:Space Grotesk Variable,sans-serif;font-size:19px;font-weight:500}.dispatch-box>p,.insight-card>p{color:#8fa58d;margin-bottom:16px;font-size:11px;line-height:1.7}.dispatch-box .dispatch-log{color:#b5d699;align-items:center;gap:5px;margin:14px 0 0;font-size:10px;display:flex}.dispatch-log span{color:#7c9670;margin-left:auto;font-size:9px}.report-action{color:#9fb597;justify-content:space-between;align-items:center;gap:10px;margin-top:-4px;padding:0 6px 16px;font-size:10px;display:flex}.report-action select{color:#c4d9bb;background:#24342a;border:1px solid #405a3a;border-radius:6px;padding:6px;font-size:11px}.chart-row{color:#a6c298;align-items:center;gap:10px;margin:20px 0;font-size:11px;display:flex}.chart-row>div{background:#2b3b2f;border-radius:4px;flex:1;height:15px;overflow:hidden}.chart-row i{border-radius:4px;height:100%;display:block}.chart-row b{text-align:right;width:15px;font-size:12px}.insight-card>small{color:#708e72;font-size:9px}.insight-number{color:#b3f56b;margin:15px 0;font-family:Space Grotesk Variable,sans-serif;font-size:48px;font-weight:400;display:block}.insight-number small{color:#92ab87;margin-left:12px;font-family:DM Sans Variable,sans-serif;font-size:12px;display:inline-block}.insight-card+.secondary-button{margin-top:20px}.enabled{color:#b3f56b;border-color:#b3f56b}.modal{background:#142220;border:1px solid #3c5449;border-radius:18px;width:min(560px,100% - 28px);max-height:90dvh;padding:0;overflow:auto;box-shadow:0 30px 100px #0007}.modal::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#07110dc4}.modal-content{padding:27px 29px}.modal-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.modal-heading .eyebrow{letter-spacing:1.4px;color:#8aab91;font-size:8px}.modal h2{letter-spacing:-1px;margin-bottom:12px;font-family:Space Grotesk Variable,sans-serif;font-size:28px;font-weight:500;line-height:1.2}.modal-content>p{color:#9eb49f;margin-bottom:20px;font-size:12px;line-height:1.7}.category-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0;display:grid}.category-grid button{color:#9eb397;background:#1b2c26;border:1px solid #354b3f;border-radius:9px;flex-direction:column;align-items:center;gap:9px;padding:14px 5px;font-size:10px;display:flex}.category-grid button.selected{color:#b3f56b;background:#304529;border-color:#9dd367}.form-label{color:#b8ccae;margin:15px 0;font-size:11px;display:block}.form-label>input,.form-label>textarea,.form-label>select{color:#e3eddf;resize:vertical;background:#0e1b19;border:1px solid #395144;border-radius:8px;width:100%;margin-top:8px;padding:11px 12px;font-size:12px;line-height:1.6;display:block}.form-label>input::placeholder,.form-label>textarea::placeholder{color:#698674}.location-form{align-items:flex-end;gap:9px;display:flex}.location-form>.form-label{flex:1}.location-form>.secondary-button{white-space:nowrap;height:43px;margin-bottom:15px;font-size:10px}.picked-location{color:#c4dfb1;background:#1c3024;border:1px solid #3d5748;border-radius:8px;align-items:center;gap:7px;margin-top:8px;padding:12px 10px;font-size:11px;display:flex}.image-upload{cursor:pointer;color:#b3c9a9;border:1px dashed #4c664f;border-radius:8px;align-items:center;gap:9px;padding:15px;font-size:11px;display:flex;position:relative}.image-upload>span{color:#829a7a;margin-left:auto;font-size:9px}.image-upload>input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.image-preview{margin-top:10px;position:relative}.image-preview img{object-fit:cover;border-radius:8px;width:100%;height:140px}.image-preview button{background:#102017;position:absolute;top:7px;right:7px}.form-actions{gap:10px;margin-top:22px;display:flex}.form-actions>.primary-button{flex:1}.form-error{color:#ffc8a0;background:#5a2f2530;border:1px solid #74503a;border-radius:6px;margin:12px 0;padding:10px;font-size:12px;line-height:1.6}.draft-message{color:#b6e693;align-items:center;gap:6px;margin-top:13px;font-size:11px;display:flex}.info-block{border-top:1px solid #334f3c;border-bottom:1px solid #334f3c;margin:20px 0;padding:20px 0}.info-block h3{margin-bottom:12px;font-size:14px;font-weight:500}.info-block p{color:#91ab90;margin-top:10px;font-size:12px;line-height:1.8}.info-links{flex-wrap:wrap;gap:15px;margin:20px 0;display:flex}.info-links a{color:#b3f56b;align-items:center;gap:5px;font-size:11px;text-decoration:none;display:flex}.or-divider{text-align:center;letter-spacing:1.4px;color:#809974;align-items:center;gap:14px;margin:23px 0;font-size:9px;display:flex}.or-divider:before,.or-divider:after{content:"";background:#365132;flex:1;height:1px}.toast{color:#243d22;z-index:100;background:#d2efbd;border:1px solid #e2f8cf;border-radius:10px;align-items:center;gap:10px;max-width:min(570px,90vw);padding:14px 17px;font-size:12px;animation:.2s fade-in;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 10px 50px #0006}.toast>svg{flex-shrink:0}.toast .icon-button{color:#33532b}.map-loading{color:#9fc084;background:radial-gradient(#263e2d,#101b1d);flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:100%;font-size:13px;display:flex}.loading-orbit{border:1px solid #b3f56b30;border-top:2px solid #b3f56b;border-radius:50%;width:42px;height:42px;animation:1.1s linear infinite spin}.error-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:100dvh;padding:24px;display:flex}.error-page h1{letter-spacing:-1px;font-family:Space Grotesk Variable,sans-serif;font-size:40px;font-weight:500}.error-page p{color:#92a18f}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (min-width:1700px){.workspace{grid-template-columns:390px minmax(0,1fr)}.panel-heading{padding:35px 30px 25px}.panel-scroll{padding-left:30px;padding-right:30px}.route-main{padding:18px}.route-main>strong{font-size:16px}.route-main>p{font-size:12px}.route-card-meta{font-size:11px}.section-title h2{font-size:15px}.stop-main strong{font-size:14px}.stop-main small{font-size:11px}.panel-heading h1{font-size:34px}.map-city-label h2{font-size:65px}.vehicle-detail{width:330px;top:100px;right:30px}.map-location strong{font-size:14px}.map-location>div>span{font-size:11px}.map-top-controls{top:25px;left:30px;right:30px}}@media (max-width:1200px){.app-shell{grid-template-rows:68px 1fr;grid-template-columns:70px 1fr}.rail-button{width:58px;font-size:9px}.brand-symbol{width:39px;height:39px;margin-top:14px}.topbar{padding:0 22px}.workspace{grid-template-columns:320px minmax(0,1fr)}.panel-heading{padding:25px 20px 20px}.panel-heading h1{font-size:27px}.panel-scroll{padding-left:20px;padding-right:20px}.region-picker,.journey-cta,.search-input,.planner{margin-left:20px;margin-right:20px}.topbar-right{gap:17px}.brand-tagline{font-size:10px}.brand-lockup{gap:16px}.map-top-controls{top:17px;left:17px;right:17px}.map-location{gap:7px;padding:10px}.map-live{margin-left:3px}.map-square{display:none}.map-city-label{top:110px;left:27px}.map-city-label h2{font-size:40px}.map-hint{max-width:310px;left:17px}.hint-spark{display:none}.map-bottom{left:17px;right:17px}.map-legend{gap:10px;padding:10px}.map-legend>span{font-size:9px}.network-source{display:none}.vehicle-detail{width:280px;padding:16px;top:84px;right:17px}.top-operator{font-size:11px}.panel-footer{padding-left:20px;padding-right:20px;font-size:8px}.report-fab span{display:none}.report-fab{justify-content:center;width:39px;height:39px;padding:0}}@media (max-width:900px){.brand-tagline,.brand-divider,.connection{display:none}.topbar-right{gap:15px}.map-location>div>span,.map-live{display:none}.map-location{height:45px}.map-top-controls{gap:7px}.mode-toggle button{padding:8px}.map-city-label{opacity:.65;left:22px}.vehicle-detail{width:260px}.map-hint{max-width:275px}.map-hint small{max-width:170px;line-height:1.5}.map-legend{flex-wrap:wrap;gap:9px;max-width:calc(100% - 50px)}.map-legend>span{font-size:8px}.map-legend i{width:8px}.workspace{grid-template-columns:300px minmax(0,1fr)}.panel-heading h1{font-size:25px}.panel-scroll{padding-left:17px;padding-right:17px}.region-picker,.journey-cta,.search-input,.planner{margin-left:17px;margin-right:17px}.panel-heading{padding-left:17px;padding-right:17px}}@media (max-width:700px){.app-shell{flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:hidden}.topbar{order:0;height:61px;min-height:61px;padding:0 18px}.wordmark{font-size:29px}.wordmark span{font-size:25px}.topbar-right{gap:16px}.top-operator{background:#20342a;border:0;padding:7px 9px;font-size:10px}.top-operator>svg:last-child{display:none}.language-button{font-size:11px}.rail{z-index:20;width:100%;height:64px;min-height:64px;padding-bottom:env(safe-area-inset-bottom,0);border-top:1px solid #304136;border-right:0;flex-direction:row;order:2;justify-content:space-around;position:relative}.brand-symbol,.rail-bottom>.avatar{display:none}.rail-links{flex-direction:row;flex:4;gap:0;height:100%}.rail-bottom{flex:1;gap:0;height:100%;margin:0;padding:0}.rail-button{border-radius:0;gap:5px;width:100%;height:100%;font-size:9px}.rail-button svg{width:20px;height:20px}.rail-button.active:before{border-radius:0 0 3px 3px;width:20px;height:2px;top:0;bottom:auto;left:calc(50% - 10px)}.workspace{flex-direction:column-reverse;flex:1;order:1;min-height:0;display:flex;overflow:hidden}.map-workspace{flex:1;height:45%;min-height:270px;overflow:hidden}.side-panel{z-index:8;border-top:1px solid #3a4f3d;border-right:0;height:50%;max-height:54%;padding-bottom:8px;display:block;position:relative;overflow-y:auto}.workspace.panel-collapsed .map-workspace{height:100%}.panel-heading{padding:21px 21px 14px}.panel-heading h1{letter-spacing:-1px;max-width:none;margin-top:7px;font-size:27px}.panel-heading p{margin-top:6px;font-size:11px}.eyebrow{letter-spacing:1.5px;font-size:8px}.panel-heading .tiny-star{font-size:13px}.region-picker{background:0 0;border:0;gap:4px;max-width:150px;margin:0;padding:0;position:absolute;top:20px;right:19px}.region-picker select{max-width:125px;font-size:10px}.region-picker svg:first-child{width:12px}.region-picker>svg:last-child{width:11px}.journey-cta{border-radius:9px;margin:2px 20px 13px;padding:11px 13px}.journey-cta strong{font-size:12px}.journey-cta small{font-size:10px}.journey-cta-icon{width:31px;height:31px}.search-input{margin:0 20px 5px}.panel-scroll{padding:0 20px 16px;overflow:visible}.section-title{margin-top:19px}.route-list{gap:9px}.route-main{padding:13px 14px}.route-main>p{max-width:280px;font-size:11px}.route-card-meta{font-size:10px}.route-card-meta>svg{margin-right:27px}.panel-footer{display:none}.map-top-controls{top:12px;left:12px;right:12px}.map-location{gap:6px;height:38px;padding:8px 9px}.map-location strong{font-size:11px}.map-location .icon-button{min-width:21px;min-height:21px;padding:2px}.map-location>div>span{display:none}.mode-toggle{padding:3px}.mode-toggle button{gap:4px;padding:7px 9px;font-size:10px}.mode-toggle svg{width:13px;height:13px}.map-city-label{opacity:.55;top:69px;left:19px}.map-city-label>span{letter-spacing:1.6px;font-size:7px}.map-city-label h2{letter-spacing:-1.3px;margin-top:7px;font-size:29px}.map-hint{display:none}.map-bottom{bottom:42px;left:12px;right:12px}.map-legend{border-radius:7px;gap:10px;padding:8px 9px}.map-legend>span{font-size:8px}.map-legend>span i{width:8px;height:2px}.report-fab{border-radius:7px;width:32px;height:32px}.report-fab svg{width:16px}.network-strip{gap:5px;padding:10px 13px;font-size:8px}.network-strip button{gap:3px;font-size:8px}.network-strip button svg{width:10px;height:10px}.network-strip .status-dot{width:4px;height:4px}.vehicle-detail{border-radius:10px;width:235px;max-height:calc(100% - 111px);padding:12px;top:61px;right:12px;overflow-y:auto}.detail-top{gap:7px;margin-bottom:8px}.detail-top .route-badge{padding:5px;font-size:9px}.detail-source{font-size:7px}.vehicle-detail>h2{font-size:21px}.vehicle-detail>p{font-size:9px}.vehicle-metrics{margin:10px 0;padding:10px 0}.vehicle-metrics>div>span{margin-bottom:5px;font-size:8px}.vehicle-metrics strong{font-size:11px}.vehicle-metrics .occupancy-label{font-size:9px}.detail-accessibility{font-size:8px}.upcoming-stops .section-title{margin:12px 0 10px}.upcoming-stops h3{font-size:10px}.upcoming-stops .section-title>span{font-size:8px}.upcoming-stop{gap:7px;padding-bottom:12px}.upcoming-stop>span{font-size:9px}.upcoming-stop>strong{font-size:11px}.follow-button{margin-top:2px;padding:9px;font-size:10px}.detail-footnote{font-size:7px}.map-banner{width:max-content;max-width:94%;padding:10px;font-size:10px;top:61px}.feed-banner{max-width:calc(100% - 24px);line-height:1.5;right:12px}.planner{margin-left:20px;margin-right:20px}.operator-stats{grid-template-columns:repeat(4,1fr);gap:7px}.operator-stats>div{padding:11px 8px}.operator-stats>div>span{gap:4px;font-size:8px}.operator-stats>div>span>svg{width:12px;height:12px}.operator-stats strong{margin:8px 0 4px;font-size:25px}.operator-stats strong small{font-size:9px}.operator-stats i{font-size:7px;line-height:1.5;display:block}.operator-session{margin-bottom:12px}.operator-shell .side-panel{height:55%;max-height:55%}.community-promo h3{max-width:none}.modal-content{padding:22px}.modal h2{font-size:25px}.modal{border-radius:14px;max-height:90dvh}.toast{width:max-content;padding:12px 14px;font-size:11px;bottom:78px}.modal-content>p{font-size:11px}.category-grid button{font-size:9px}.form-actions .secondary-button{padding:10px 12px;font-size:11px}.location-form>.secondary-button{padding:10px 9px;font-size:9px}.community-totals{padding-top:17px;padding-bottom:17px}.modal-heading .eyebrow{font-size:7px}.map-control-right{gap:0}.map-workspace .maplibregl-ctrl-bottom-right{bottom:77px!important}.map-workspace .maplibregl-ctrl-bottom-left{bottom:80px!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.sources-page{max-width:1150px;margin:auto;padding:45px 30px 80px}.sources-page>.wordmark{text-decoration:none}.sources-intro{max-width:760px;margin:55px 0 45px}.sources-intro h1{letter-spacing:-2px;margin:18px 0 24px;font:500 48px/1.1 Space Grotesk Variable,sans-serif}.sources-page p{color:#adc2b6;margin:13px 0;font-size:16px;line-height:1.8}.sources-page section{margin:40px 0}.sources-page h2{margin-bottom:20px;font:500 26px Space Grotesk Variable,sans-serif}.source-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.source-grid article{background:#162523;border:1px solid #314b3d;border-radius:12px;padding:23px}.source-grid a{color:#b3f56b;font-size:16px;font-weight:600;text-decoration:none}.source-grid p{font-size:14px}.source-grid small{color:#879f91;font-size:12px;line-height:1.8;display:block}.sources-page code{color:#d1e3c4;font-size:13px}@media (max-width:700px){.source-grid{grid-template-columns:1fr}.sources-page{padding:28px 20px}.sources-intro h1{font-size:36px}.sources-intro{margin-top:35px}}.data-provenance{color:#accb94;background:#1b2b23;border:1px solid #36513b;border-radius:8px;align-items:flex-start;gap:9px;margin:8px 25px 0;padding:10px 11px;display:flex}.data-provenance strong{font-size:11px;font-weight:500;display:block}.data-provenance span{color:#91a68b;margin-top:5px;font-size:10px;display:block}.data-provenance a{color:#b3f56b}.data-provenance small{color:#dfc795;margin-top:7px;font-size:10px;line-height:1.6;display:block}.gerak-transport-map{z-index:0}.gerak-transport-map .maplibregl-ctrl-bottom-right{bottom:39px;right:0}.gerak-transport-map .maplibregl-ctrl-bottom-left{bottom:84px}.gerak-city-mode-note,.gerak-map-caption{text-align:right;max-width:55%;bottom:96px;left:auto;right:77px}.gerak-city-hint{bottom:77px;left:auto;right:77px}.route-main>strong,.stop-main strong{font-size:14px}.route-main>p,.stop-main small{font-size:12px}.route-card-meta{font-size:11px}.panel-heading p,.section-title h2{font-size:13px}.form-label,.modal-content>p,.modal .fineprint{font-size:12px}.form-label>input,.form-label>select,.form-label>textarea{font-size:14px}.map-legend{gap:12px}@media (max-width:700px){.data-provenance{margin:12px 20px}.gerak-city-mode-note,.gerak-city-hint{display:none}.side-panel{flex:0 0 50%;height:50%}.map-workspace{min-height:220px}.route-main>strong,.stop-main strong{font-size:14px}.route-main>p{font-size:12px}.form-label>input,.form-label>select,.form-label>textarea{font-size:16px}.map-legend{gap:7px}}