:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--navy:#061827;--navy-2:#0b2133;--navy-3:#102b41;--card:#ffffff13;--card-2:#ffffff1c;--line:#ffffff24;--line-strong:#2eb87261;--text:#f5fbff;--muted:#aec2cf;--muted-2:#7993a6;--green:#2eb872;--green-bright:#67f2a5;--blue:#1784ff;--orange:#ff9d21;--danger:#ef6b73;--shadow:0 26px 80px #00000061;--radius:28px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#2eb8722e,#0000 35rem),radial-gradient(circle at 95% 8%,#1784ff24,#0000 30rem),linear-gradient(135deg,#04111d 0%,#092234 46%,#061827 100%);margin:0}body:before{content:"";pointer-events:none;z-index:-2;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:74px 74px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}body:after{content:"";z-index:-3;opacity:.22;background:linear-gradient(#061827d1,#061827e6),url(/assets/bg.jpg) 50%/cover;position:fixed;inset:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.section{width:min(1200px,100% - 32px);margin:0 auto}.header{z-index:40;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#04111dd6;position:sticky;top:0}.headerInner{justify-content:space-between;align-items:center;gap:18px;width:min(1200px,100% - 32px);min-height:78px;margin:0 auto;display:flex}.brand,.footerBrand{color:var(--text);text-align:left;background:0 0;align-items:center;gap:12px;padding:0;display:inline-flex}.brand img,.footerBrand img,.dashLogo img,.miniLogo img{object-fit:cover;border:1px solid #fff3;border-radius:16px;width:48px;height:48px;box-shadow:0 16px 36px #2eb87238}.brand b,.footerBrand b{letter-spacing:-.03em;font-size:18px;display:block}.brand small{color:var(--muted);margin-top:2px;font-size:12px;display:block}.nav{border:1px solid var(--line);background:#ffffff0f;border-radius:999px;align-items:center;gap:4px;padding:7px;display:flex}.nav button{color:var(--muted);background:0 0;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:700;transition:all .22s}.nav button:hover,.nav button.active{color:#04111d;background:var(--green-bright)}.headerBtn,.primaryBtn,.secondaryBtn{border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-weight:900;transition:transform .22s,box-shadow .22s,border-color .22s;display:inline-flex}.headerBtn,.primaryBtn{color:#03130c;background:linear-gradient(135deg, var(--green-bright), #c5ff5f);box-shadow:0 18px 44px #2eb8723d}.secondaryBtn{color:var(--text);border:1px solid var(--line);background:#ffffff14}.headerBtn:hover,.primaryBtn:hover,.secondaryBtn:hover{transform:translateY(-2px)}.menuBtn{border:1px solid var(--line);background:#ffffff14;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:46px;height:46px;display:none}.menuBtn span{background:var(--text);border-radius:99px;width:22px;height:2px}.hero{grid-template-columns:minmax(0,.95fr) minmax(520px,1.05fr);align-items:center;gap:56px;min-height:calc(100vh - 78px);padding:74px 0 58px;display:grid}.eyebrow{color:#c9ffe2;text-transform:uppercase;letter-spacing:.13em;background:#2eb8721f;border:1px solid #2eb87247;border-radius:999px;align-items:center;width:fit-content;padding:9px 14px;font-size:12px;font-weight:900;display:inline-flex}.hero h1,.sectionHeading h2,.contactCard h2{letter-spacing:-.075em;margin:20px 0 16px;font-size:clamp(40px,6.4vw,78px);line-height:.95}.hero p,.sectionHeading p,.contactCard p{color:var(--muted);max-width:760px;margin:0;font-size:17px;line-height:1.8}.heroActions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.heroStats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:34px;display:grid}.heroStats article,.strip article,.featureCard,.roleCard,.flowGrid article,.contactCard,.pageDetail,.dashboardShell,.pageToggle{border:1px solid var(--line);background:linear-gradient(#ffffff18,#ffffff0c);box-shadow:0 18px 52px #00000038}.heroStats article{border-radius:24px;min-height:100px;padding:18px}.heroStats b{color:var(--green-bright);font-size:22px;display:block}.heroStats span{color:var(--muted);margin-top:8px;font-size:12px;line-height:1.4;display:block}.browserPreview{box-shadow:var(--shadow);background:#ffffff14;border:1px solid #fff3;border-radius:32px;position:relative;overflow:hidden}.browserPreview:before{content:"";filter:blur(50px);background:#2eb8723d;border-radius:999px;width:260px;height:260px;position:absolute;inset:-120px auto auto -80px}.browserBar{border-bottom:1px solid var(--line);z-index:2;background:#ffffff14;align-items:center;gap:9px;padding:16px 18px;display:flex;position:relative}.browserBar span{background:#ffffff61;border-radius:999px;width:12px;height:12px}.browserBar p{color:var(--muted);margin:0 0 0 12px;font-size:13px}.browserBody{z-index:2;grid-template-columns:170px 1fr;min-height:530px;display:grid;position:relative}.previewSide{border-right:1px solid var(--line);background:#00000029;padding:20px 14px}.miniLogo,.dashLogo{align-items:center;gap:10px;margin-bottom:22px;display:flex}.miniLogo img,.dashLogo img{border-radius:12px;width:36px;height:36px}.previewSide div:not(.miniLogo),.dashboardShell aside span{color:var(--muted);border-radius:15px;margin-bottom:8px;padding:13px 14px;font-size:13px;font-weight:800;display:block}.previewSide div.active,.dashboardShell aside span.selected{color:#062010;background:var(--green-bright)}.previewMain{background:radial-gradient(circle at 80% 8%,#1784ff26,#0000 19rem),#06182770;padding:22px}.previewTop,.dashTop,.detailPreviewHeader{justify-content:space-between;align-items:center;gap:18px;display:flex}.previewTop small,.dashTop small,.detailTop small{color:var(--muted-2);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:800}.previewTop h3,.dashTop h3{letter-spacing:-.05em;margin:4px 0 0;font-size:28px}.previewTop b,.dashTop button{color:#04111d;background:var(--green-bright);border-radius:999px;padding:10px 14px;font-size:12px}.previewStats,.dashStatGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.previewStats article,.dashStatGrid article,.routeList article{border:1px solid var(--line);background:#ffffff12;border-radius:20px;padding:16px}.previewStats b,.dashStatGrid b{color:var(--green-bright);font-size:20px;display:block}.previewStats span,.dashStatGrid span{color:var(--muted);font-size:12px}.routeMap{border:1px solid var(--line);background:linear-gradient(#ffffff0f 1px,#0000 1px) 0 0/34px 34px,linear-gradient(90deg,#ffffff0f 1px,#0000 1px) 0 0/34px 34px,linear-gradient(135deg,#2eb87224,#1784ff1a) 0 0/cover;border-radius:28px;height:210px;margin-top:18px;position:relative;overflow:hidden}.routeLine{background:linear-gradient(90deg, var(--green-bright), var(--orange));border-radius:999px;height:6px;position:absolute;top:55%;left:10%;right:12%;transform:rotate(-10deg)}.stop,.bus{border-radius:999px;place-items:center;font-weight:900;display:grid;position:absolute}.stop{color:#061827;background:#fff;width:34px;height:34px}.stop.a{top:60%;left:15%}.stop.b{background:var(--green-bright);top:43%;left:46%}.stop.c{top:31%;right:17%}.bus{border:1px solid var(--line);background:#ffffff26;width:56px;height:56px;font-size:26px;top:31%;left:42%;box-shadow:0 18px 38px #00000047}.previewTable{border:1px solid var(--line);border-radius:22px;margin-top:18px;overflow:hidden}.previewTable div{border-bottom:1px solid var(--line);background:#ffffff0e;grid-template-columns:1.2fr 1fr .7fr;gap:12px;padding:13px 16px;display:grid}.previewTable div:last-child{border-bottom:0}.previewTable em,.routeList em{color:#052010;background:var(--green-bright);border-radius:999px;justify-self:start;padding:4px 10px;font-size:12px;font-style:normal;font-weight:900}.previewTable em.wait,.routeList em:not(.live){background:#ff9d21f0}.strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:-10px;display:grid}.strip article{border-radius:22px;padding:20px}.strip span{color:var(--muted-2);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:900;display:block}.strip b{margin-top:8px;display:block}.pageSection{padding:96px 0 0}.sectionHeading{grid-template-columns:minmax(0,.8fr) minmax(280px,.7fr);align-items:end;gap:28px;margin-bottom:34px;display:grid}.sectionHeading .eyebrow{grid-column:1/-1}.sectionHeading h2{margin:0;font-size:clamp(34px,5vw,58px)}.featureGrid,.roleGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.featureCard,.roleCard,.flowGrid article{border-radius:var(--radius);min-height:245px;padding:24px;transition:transform .22s,border-color .22s,background .22s}.featureCard:hover,.roleCard:hover,.flowGrid article:hover,.pageToggle:hover{border-color:var(--line-strong);background:linear-gradient(#2eb87221,#ffffff0e);transform:translateY(-4px)}.featureCard span,.roleIcon{background:#2eb87224;border:1px solid #2eb87247;border-radius:18px;place-items:center;width:54px;height:54px;font-size:24px;display:grid}.featureCard h3,.roleCard h3,.flowGrid h3{letter-spacing:-.035em;margin:18px 0 10px;font-size:20px}.featureCard p,.roleCard p,.flowGrid p,.pageDetail p,.footer p{color:var(--muted);margin:0;font-size:14px;line-height:1.75}.toggleLayout{grid-template-columns:minmax(0,.95fr) minmax(360px,.75fr);align-items:start;gap:22px;display:grid}.pageCardGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.pageToggle{color:var(--text);text-align:left;border-radius:22px;min-height:136px;padding:18px}.pageToggle span{margin-bottom:12px;font-size:28px;display:block}.pageToggle b{font-size:16px;display:block}.pageToggle small{color:var(--muted);margin-top:6px;display:block}.pageToggle.active{border-color:var(--green-bright);background:linear-gradient(135deg,#2eb87247,#1784ff29)}.pageDetail{border-radius:30px;padding:26px;position:sticky;top:98px}.detailTop{align-items:center;gap:16px;margin-bottom:18px;display:flex}.detailTop>span{background:#2eb87229;border-radius:20px;place-items:center;width:62px;height:62px;font-size:30px;display:grid}.detailTop h3{letter-spacing:-.05em;margin:5px 0 0;font-size:30px}.metricPills{flex-wrap:wrap;gap:10px;margin:22px 0;display:flex}.metricPills span,.roleCard li,.contactBox span,.footer span,.footer a{color:var(--muted);display:inline-flex}.metricPills span{color:#052010;background:var(--green-bright);border-radius:999px;padding:8px 11px;font-size:12px;font-weight:900}.detailList{gap:10px;display:grid}.detailList div{border:1px solid var(--line);background:#fff1;border-radius:16px;align-items:center;gap:10px;padding:13px;display:flex}.detailList span{color:var(--green-bright)}.detailPreview{border:1px solid var(--line);background:#0000002e;border-radius:22px;margin-top:18px;padding:16px}.detailPreviewHeader b{font-size:14px}.detailPreviewHeader em{color:var(--muted);font-size:12px;font-style:normal}.detailRows{gap:9px;margin-top:14px;display:grid}.detailRows span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(90deg,#2eb87238,#ffffff0a);border:1px solid #2eb8722e;border-radius:999px;padding:10px 12px;display:block;overflow:hidden}.roleGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.roleCard small{color:var(--green-bright);text-transform:uppercase;letter-spacing:.1em;margin-top:18px;font-size:11px;font-weight:900;display:block}.roleCard ul{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.roleCard li{align-items:flex-start;gap:8px;font-size:13px}.roleCard li:before{content:"✓";color:var(--green-bright);font-weight:900}.dashboardShell{border-radius:34px;grid-template-columns:240px 1fr;min-height:680px;display:grid;overflow:hidden}.dashboardShell aside{border-right:1px solid var(--line);background:#00000038;padding:22px}.dashboardShell main{padding:26px}.dashTop button{border:0;font-weight:900}.dashStatGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashContentGrid{grid-template-columns:1.05fr .95fr;gap:16px;margin-top:16px;display:grid}.mapPanel,.routeList{border:1px solid var(--line);background:#ffffff0f;border-radius:28px;min-height:400px;padding:20px;position:relative;overflow:hidden}.mapPattern{background:linear-gradient(#ffffff0e 1px,#0000 1px) 0 0/38px 38px,linear-gradient(90deg,#ffffff0e 1px,#0000 1px) 0 0/38px 38px,radial-gradient(circle at 45% 45%,#2eb87247,#0000 18rem) 0 0/cover;position:absolute;inset:0}.mapBus{border:1px solid var(--line);background:#ffffff29;border-radius:24px;place-items:center;width:70px;height:70px;font-size:34px;display:grid;position:absolute;top:39%;left:45%;box-shadow:0 20px 50px #00000047}.mapPanel article{border:1px solid var(--line);background:#061827d1;border-radius:22px;padding:18px;position:absolute;bottom:20px;left:20px;right:20px}.mapPanel p{color:var(--muted);margin:6px 0 0}.routeList h4{margin:0 0 14px;font-size:20px}.routeList{align-content:start;gap:12px;display:grid}.routeList article{gap:10px;display:grid}.routeList article>div{justify-content:space-between;gap:12px;display:flex}.routeList article span,.routeList p,.routeList small{color:var(--muted);margin:0;line-height:1.6}.routeList em{justify-self:start}.flowGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.flowGrid article span{background:var(--green-bright);color:#04111d;border-radius:17px;place-items:center;width:50px;height:50px;font-weight:1000;display:grid}.contactSection{padding:96px 0}.contactCard{background:radial-gradient(circle at 100% 0,#2eb87233,#0000 28rem),linear-gradient(#ffffff1a,#ffffff0e);border-radius:36px;grid-template-columns:1fr 360px;align-items:center;gap:28px;padding:36px;display:grid}.contactCard h2{font-size:clamp(34px,5vw,58px)}.contactBox{border:1px solid var(--line);background:#0003;border-radius:24px;gap:12px;padding:20px;display:grid}.contactBox a{border:1px solid var(--line);background:#ffffff12;border-radius:16px;padding:14px 16px;font-weight:900}.footer{border-top:1px solid var(--line);background:#00000038}.footerInner{grid-template-columns:1.4fr repeat(3,.7fr);gap:28px;width:min(1200px,100% - 32px);margin:0 auto;padding:46px 0;display:grid}.footer h4{margin:0 0 14px}.footer a,.footer span{color:var(--muted);margin:8px 0;display:block}.footer p{max-width:460px;margin-top:16px}.footerBottom{border-top:1px solid var(--line);justify-content:space-between;gap:20px;width:min(1200px,100% - 32px);margin:0 auto;padding:18px 0 26px;display:flex}@media (width<=1080px){.hero{grid-template-columns:1fr}.browserPreview{max-width:860px}.featureGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.toggleLayout{grid-template-columns:1fr}.pageDetail{position:static}.roleGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboardShell{grid-template-columns:1fr}.dashboardShell aside{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.dashLogo{grid-column:1/-1}.dashContentGrid{grid-template-columns:1fr}.flowGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.contactCard{grid-template-columns:1fr}.footerInner{grid-template-columns:1fr 1fr}}@media (width<=840px){.headerBtn{display:none}.menuBtn{display:flex}.nav{box-shadow:var(--shadow);background:#04111df5;border-radius:24px;padding:12px;display:none;position:absolute;top:88px;left:16px;right:16px}.nav.open{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.nav button{border-radius:16px}.hero{padding-top:50px}.heroStats,.strip,.pageCardGrid,.dashStatGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.browserBody{grid-template-columns:1fr}.previewSide{display:none}.sectionHeading{grid-template-columns:1fr;align-items:start}.contactSection{padding-bottom:64px}}@media (width<=620px){.section{width:min(100% - 22px,1200px)}.brand img{width:42px;height:42px}.brand b{font-size:16px}.hero h1{font-size:42px}.hero p{font-size:15px}.heroActions{display:grid}.primaryBtn,.secondaryBtn{width:100%}.featureGrid,.roleGrid,.flowGrid,.strip,.pageCardGrid,.footerInner,.heroStats,.previewStats,.dashStatGrid,.dashboardShell aside{grid-template-columns:1fr}.browserPreview{border-radius:24px}.browserBody{min-height:auto}.previewMain{padding:16px}.previewTop,.dashTop{flex-direction:column;align-items:flex-start}.previewTable div{grid-template-columns:1fr}.pageSection{padding-top:68px}.featureCard,.roleCard,.flowGrid article,.pageDetail,.contactCard{border-radius:22px;padding:20px}.dashboardShell main{padding:16px}.mapPanel,.routeList{min-height:300px}.contactCard h2,.sectionHeading h2{font-size:34px}.footerBottom{flex-direction:column}}.desktopDashboard{min-height:760px;box-shadow:var(--shadow);background:linear-gradient(#ffffff1b,#ffffff0d);border:1px solid #ffffff29;border-radius:34px;grid-template-columns:260px minmax(0,1fr);display:grid;overflow:hidden}.desktopSidebar{border-right:1px solid var(--line);background:linear-gradient(#00000047,#0000001f);padding:24px}.desktopSidebar span{min-height:44px;color:var(--muted);border:1px solid #0000;border-radius:15px;align-items:center;margin-bottom:8px;padding:0 14px;font-size:13px;font-weight:900;display:flex}.desktopSidebar span.selected{color:#04111d;background:var(--green-bright);box-shadow:0 14px 30px #2eb87242}.desktopMain{background:radial-gradient(circle at 85% 10%,#1784ff21,#0000 24rem),radial-gradient(circle at 15% 80%,#2eb8721f,#0000 28rem),#06182757;min-width:0;padding:28px}.dashboardHeader{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.dashboardHeader small,.mapHeader small{color:var(--muted-2);letter-spacing:.11em;text-transform:uppercase;font-size:11px;font-weight:900;display:block}.dashboardHeader h3{letter-spacing:-.055em;margin:6px 0 0;font-size:clamp(26px,3vw,38px)}.dashboardActions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.dashboardActions button{min-height:42px;color:var(--text);border:1px solid var(--line);background:#ffffff14;border-radius:999px;padding:0 16px;font-weight:900}.dashboardActions button:last-child{color:#04111d;background:var(--green-bright);border-color:#0000}.desktopStats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.desktopStats article,.liveMapPanel,.routeTablePanel,.userStatusPanel,.segmentPanel{border:1px solid var(--line);background:#fff1;border-radius:24px;box-shadow:0 18px 44px #0003}.desktopStats article{min-height:132px;padding:18px}.desktopStats span{color:var(--muted);font-size:13px;font-weight:800;display:block}.desktopStats b{color:var(--green-bright);letter-spacing:-.06em;margin-top:12px;font-size:34px;display:block}.desktopStats small{color:var(--muted-2);margin-top:8px;line-height:1.4;display:block}.desktopGrid{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);grid-template-areas:"map table""users segments";gap:16px;display:grid}.liveMapPanel{grid-area:map;min-height:440px;padding:20px;position:relative;overflow:hidden}.routeTablePanel{grid-area:table;padding:20px}.userStatusPanel{grid-area:users;padding:20px}.segmentPanel{grid-area:segments;padding:20px}.mapHeader,.panelTitle{z-index:2;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.mapHeader h4,.panelTitle h4{letter-spacing:-.04em;margin:6px 0 0;font-size:22px}.mapHeader em,.panelTitle span,.routeTable em,.statusRows em{color:#04111d;background:var(--green-bright);white-space:nowrap;border-radius:999px;padding:7px 10px;font-size:11px;font-style:normal;font-weight:1000}.mapCanvas{border:1px solid var(--line);background:linear-gradient(#ffffff0e 1px,#0000 1px) 0 0/34px 34px,linear-gradient(90deg,#ffffff0e 1px,#0000 1px) 0 0/34px 34px,linear-gradient(135deg,#2eb87226,#1784ff1c) 0 0/cover;border-radius:26px;height:280px;margin-top:18px;position:relative;overflow:hidden}.mapRoad{background:linear-gradient(90deg, var(--green-bright), var(--orange));border-radius:999px;height:8px;position:absolute;box-shadow:0 0 28px #2eb87259}.mapRoad.one{top:55%;left:8%;right:10%;transform:rotate(-11deg)}.mapRoad.two{opacity:.34;top:34%;left:18%;right:20%;transform:rotate(15deg)}.mapStop,.mapVehicle{border-radius:999px;place-items:center;font-weight:1000;display:grid;position:absolute}.mapStop{color:#04111d;background:#fff;width:36px;height:36px}.mapStop.s1{top:59%;left:14%}.mapStop.s2{background:var(--green-bright);top:44%;left:48%}.mapStop.s3{top:32%;right:14%}.mapVehicle{border:1px solid var(--line);background:#ffffff29;border-radius:25px;width:72px;height:72px;font-size:34px;top:29%;left:45%;box-shadow:0 22px 56px #00000052}.mapFooter{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.mapFooter article{border:1px solid var(--line);background:#fff1;border-radius:18px;padding:14px}.mapFooter b,.mapFooter span{display:block}.mapFooter span{color:var(--muted);margin-top:4px;font-size:12px}.routeTable{border:1px solid var(--line);border-radius:18px;margin-top:16px;overflow:hidden}.routeTableHead,.routeTableRow{border-bottom:1px solid var(--line);grid-template-columns:1.25fr 1.2fr .95fr .65fr;align-items:center;gap:12px;padding:13px 14px;display:grid}.routeTableHead{color:var(--muted-2);text-transform:uppercase;letter-spacing:.08em;background:#0000002e;font-size:12px}.routeTableRow{color:var(--muted);font-size:13px}.routeTableRow:last-child{border-bottom:0}.routeTableRow span:first-child{color:var(--text);font-weight:900}.routeTable em:not(.live),.statusRows em{background:#ff9d21f0}.statusRows{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.statusRows article{border:1px solid var(--line);background:#ffffff0e;border-radius:18px;gap:10px;padding:16px;display:grid}.statusRows article div{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.statusRows b,.statusRows span,.statusRows p{display:block}.statusRows span,.statusRows p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.statusRows em{justify-self:start}.segmentGrid{gap:12px;margin-top:16px;display:grid}.segmentGrid article{border:1px solid var(--line);background:#ffffff0e;border-radius:18px;grid-template-columns:42px 1fr;align-items:center;column-gap:12px;padding:16px;display:grid}.segmentGrid b{grid-row:span 2;font-size:26px}.segmentGrid span{font-weight:1000;display:block}.segmentGrid small{color:var(--muted);margin-top:4px;display:block}@media (width<=1080px){.desktopDashboard{grid-template-columns:1fr}.desktopSidebar{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.desktopSidebar .dashLogo{grid-column:1/-1}.desktopStats{grid-template-columns:repeat(2,minmax(0,1fr))}.desktopGrid{grid-template-columns:1fr;grid-template-areas:"map""table""users""segments"}.routeTableHead,.routeTableRow{grid-template-columns:1fr 1fr}}@media (width<=620px){.desktopMain{padding:16px}.dashboardHeader{flex-direction:column;align-items:flex-start}.dashboardActions{justify-content:flex-start}.desktopSidebar,.desktopStats,.mapFooter,.statusRows{grid-template-columns:1fr}.routeTableHead{display:none}.routeTableRow{grid-template-columns:1fr}.liveMapPanel{min-height:auto}.mapCanvas{height:240px}}.roleSwitcher,.roleLoginButtons,.routeSelector,.tripButtons,.filterRow div,.approvalButtons{flex-wrap:wrap;gap:10px;display:flex}.roleSwitcher{margin:24px 0}.roleSwitcher button,.roleLoginButtons button,.routeSelector button,.tripButtons button,.filterRow button,.approvalButtons button{border:1px solid var(--line);color:var(--text);background:#ffffff13;border-radius:16px;padding:12px 15px;font-weight:950;transition:all .2s}.roleSwitcher button:hover,.roleLoginButtons button:hover,.routeSelector button:hover,.tripButtons button:hover,.filterRow button:hover,.approvalButtons button:hover{border-color:var(--line-strong);transform:translateY(-2px)}.roleSwitcher button.active,.roleLoginButtons button.active,.routeSelector button.active,.filterRow button.active{color:#03131f;background:var(--green-bright);border-color:#0000;box-shadow:0 16px 34px #2eb87238}.roleSwitcher span{margin-right:6px}.roleFocus{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffff13;border-radius:30px;grid-template-columns:90px minmax(0,1fr) minmax(280px,.8fr);align-items:center;gap:22px;padding:26px;display:grid}.roleHeroIcon{background:linear-gradient(135deg,#2eb872e6,#1784ffd9);border-radius:26px;place-items:center;width:82px;height:82px;font-size:38px;display:grid}.roleFocus small,.roleFocus p{color:var(--muted)}.roleFocus h3{letter-spacing:-.055em;margin:5px 0 10px;font-size:clamp(26px,4vw,42px)}.roleFocus p{margin:0;line-height:1.7}.roleFocus ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.roleFocus li{color:var(--muted);border:1px solid var(--line);background:#ffffff0e;border-radius:15px;padding:11px 12px}.roleFocus li:before{content:"✓";color:var(--green-bright);margin-right:8px}.workingSection{position:relative}.roleLoginBar{border:1px solid var(--line);background:linear-gradient(135deg,#2eb8721f,#1784ff1a);border-bottom:0;border-radius:28px 28px 0 0;justify-content:space-between;align-items:center;gap:18px;padding:20px;display:flex}.roleLoginBar small{color:var(--green-bright);text-transform:uppercase;letter-spacing:.11em;font-weight:900}.roleLoginBar h3{letter-spacing:-.04em;margin:4px 0 0;font-size:25px}.workingDashboard{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffff0e;border-radius:0 0 32px 32px;grid-template-columns:260px minmax(0,1fr);display:grid;overflow:hidden}.workingSidebar{border-right:1px solid var(--line);background:#04111dad;min-height:900px;padding:20px}.sidebarUser{border:1px solid var(--line);background:#ffffff0f;border-radius:20px;align-items:center;gap:12px;margin:20px 0;padding:14px;display:flex}.sidebarUser>span{color:#04111d;background:var(--green-bright);border-radius:16px;place-items:center;width:44px;height:44px;font-weight:1000;display:grid}.sidebarUser b,.sidebarUser small{display:block}.sidebarUser small{color:var(--muted);margin-top:3px}.workingSidebar button{text-align:left;width:100%;min-height:46px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:16px;margin-bottom:8px;padding:0 14px;font-weight:900}.workingSidebar button:hover,.workingSidebar button.active{color:var(--text);border-color:var(--line-strong);background:#2eb87224}.workingMain{padding:22px;overflow:hidden}.workingHeader{justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;display:flex}.workingHeader small{color:var(--green-bright);font-weight:900}.workingHeader h3{letter-spacing:-.055em;margin:4px 0 0;font-size:clamp(28px,4vw,42px)}.liveBadge{color:#051523;background:var(--green-bright);border-radius:999px;align-items:center;gap:9px;padding:10px 14px;font-weight:1000;display:inline-flex}.liveBadge span{background:#04111d;border-radius:999px;width:9px;height:9px;box-shadow:0 0 0 6px #04111d1f}.workingStats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.workStat{border:1px solid var(--line);background:#ffffff12;border-radius:22px;padding:16px}.workStat span,.workStat small{color:var(--muted);display:block}.workStat b{color:var(--green-bright);letter-spacing:-.05em;margin:8px 0 4px;font-size:30px;display:block}.workingGrid{gap:16px;margin-bottom:16px;display:grid}.twoCol{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr)}.workingPanel{border:1px solid var(--line);background:#ffffff12;border-radius:26px;padding:20px;box-shadow:0 18px 44px #0000002e}.fullPanel{margin-bottom:16px}.panelTitle h4{margin:0}.panelTitle>div span{color:var(--muted);margin-top:5px;display:block}.panelTitle em,.statusLive{color:#04111d;background:var(--green-bright);border-radius:999px;padding:7px 10px;font-size:11px;font-style:normal;font-weight:1000}.routeSelector{margin:18px 0}.routeSelector button{text-align:left;flex:190px;gap:5px;display:grid}.routeSelector button span{color:var(--muted);font-size:12px}.liveRouteMap{border:1px solid var(--line);background:linear-gradient(#ffffff0b 1px,#0000 1px) 0 0/30px 30px,linear-gradient(90deg,#ffffff0b 1px,#0000 1px) 0 0/30px 30px,linear-gradient(135deg,#2eb8721f,#1784ff1f) 0 0/cover;border-radius:26px;height:230px;margin:8px 0 18px;position:relative;overflow:hidden}.progressTrack{background:#ffffff29;border-radius:999px;height:12px;position:absolute;top:50%;left:8%;right:8%;transform:translateY(-50%)}.progressTrack span{border-radius:inherit;background:linear-gradient(90deg, var(--green-bright), var(--orange));height:100%;display:block}.liveRouteMap button{color:#04111d;z-index:2;background:#fff;border:3px solid #04111dcc;border-radius:999px;width:40px;height:40px;font-weight:1000;position:absolute;top:50%;transform:translate(-50%,-50%)}.liveRouteMap button.done{background:var(--green-bright)}.liveRouteMap strong{border:1px solid var(--line);background:#ffffff29;border-radius:22px;place-items:center;width:64px;height:64px;font-size:32px;display:grid;position:absolute;top:29%;transform:translate(-50%);box-shadow:0 20px 45px #0000003d}.routeLiveStats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.routeLiveStats article,.routeInfoList div,.stopList div,.profileGrid article{border:1px solid var(--line);background:#ffffff0e;border-radius:18px;padding:13px}.routeLiveStats b,.routeLiveStats span,.routeInfoList b,.routeInfoList span,.stopList b,.stopList small{display:block}.routeLiveStats b{font-size:14px}.routeLiveStats span,.routeInfoList span,.stopList small{color:var(--muted);margin-top:5px;font-size:12px}.tripButtons{margin-top:16px}.tripButtons button:first-child{color:#04111d;background:var(--green-bright)}.tripButtons button:nth-child(2){color:#04111d;background:#fff}.tripButtons button:nth-child(3){color:#04111d;background:var(--orange)}.routeInfoList{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0;display:grid}.stopList{gap:10px;display:grid}.stopList div{grid-template-columns:36px 1fr auto;align-items:center;gap:10px;display:grid}.stopList div>span{background:#ffffff21;border-radius:999px;place-items:center;width:32px;height:32px;font-weight:1000;display:grid}.stopList div.current{border-color:#67f2a5b8;box-shadow:0 0 0 4px #2eb87217}.stopList div.completed>span{color:#04111d;background:var(--green-bright)}.filterRow{grid-template-columns:minmax(260px,1fr) auto;align-items:center;gap:14px;margin:18px 0;display:grid}.filterRow input,.broadcastForm input,.broadcastForm select,.broadcastForm textarea,.contactForm input,.contactForm textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#ffffff13;border-radius:16px;outline:none;padding:13px 14px}.broadcastForm select option{color:#04111d}.filterRow input:focus,.broadcastForm input:focus,.broadcastForm select:focus,.broadcastForm textarea:focus,.contactForm input:focus,.contactForm textarea:focus{border-color:var(--line-strong);box-shadow:0 0 0 4px #2eb87214}.dataTable{border:1px solid var(--line);border-radius:20px;overflow:hidden}.dataHead,.dataRow{border-bottom:1px solid var(--line);grid-template-columns:1.15fr .9fr 1.15fr .9fr .7fr;align-items:center;gap:12px;padding:13px 14px;display:grid}.dataHead{color:var(--muted-2);text-transform:uppercase;letter-spacing:.08em;background:#0000002e;font-size:12px}.dataRow{color:var(--muted);text-align:left;background:#ffffff06;width:100%}.dataRow:last-child{border-bottom:0}.dataRow small{color:var(--muted-2);margin-top:4px;display:block}.dataRow em,.approvalGrid em,.sosGrid em,.broadcastList em{color:#04111d;background:var(--green-bright);border-radius:999px;justify-self:start;padding:7px 10px;font-size:11px;font-style:normal;font-weight:1000}.routeManagementTable .dataHead,.routeManagementTable .dataRow{grid-template-columns:1.2fr 1.15fr .85fr .85fr .6fr}.rowButton:hover{background:#2eb87217}.approvalGrid,.sosGrid,.profileGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.approvalGrid article,.sosGrid article{border:1px solid var(--line);background:#ffffff0e;border-radius:22px;padding:18px}.approvalGrid article>div,.sosGrid article>div,.broadcastList article>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.approvalGrid span,.sosGrid span{color:var(--muted);font-size:13px;font-weight:900}.approvalGrid h4,.sosGrid h4{margin:16px 0 8px;font-size:20px}.approvalGrid p,.sosGrid p,.profileGrid p{color:var(--muted);line-height:1.6}.approvalGrid em.approved{background:var(--green-bright)}.approvalGrid em.rejected{background:var(--danger);color:#fff}.approvalButtons button:first-child{color:#04111d;background:var(--green-bright)}.approvalButtons button:last-child{color:#fff;background:#ef6b73b3}.broadcastForm{gap:13px;display:grid}.broadcastForm label,.contactForm label{color:var(--muted);gap:7px;font-weight:850;display:grid}.broadcastForm button,.contactForm button{color:#04111d;background:var(--green-bright);border-radius:16px;min-height:48px;font-weight:1000}.formStatus{color:var(--green-bright);border:1px solid var(--line-strong);background:#2eb87214;border-radius:16px;margin:0;padding:12px 13px}.broadcastList{gap:12px;max-height:450px;margin-top:18px;padding-right:4px;display:grid;overflow:auto}.broadcastList article{border:1px solid var(--line);background:#ffffff0e;border-radius:18px;padding:14px}.broadcastList span{color:var(--muted-2);font-size:12px}.broadcastList p{color:var(--muted);margin-bottom:0;line-height:1.6}.sosGrid article{border-color:#ef6b7380}.sosGrid article.resolved{border-color:var(--line);opacity:.75}.sosGrid small{color:var(--muted-2)}.sosGrid button{color:#04111d;background:var(--green-bright);border-radius:14px;min-height:42px;font-weight:1000}.profileGrid article span{color:var(--muted)}.profileGrid article h4{color:var(--green-bright);margin:8px 0}.contactCard{grid-template-columns:minmax(0,1fr) minmax(320px,440px);align-items:start;gap:24px;display:grid}.contactForm{border:1px solid var(--line);background:#ffffff0f;border-radius:24px;gap:12px;padding:18px;display:grid}@media (width<=1180px){.workingDashboard{grid-template-columns:1fr}.workingSidebar{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-height:auto;display:grid}.workingSidebar .dashLogo,.sidebarUser{grid-column:1/-1}.workingSidebar button{margin:0}.twoCol{grid-template-columns:1fr}.approvalGrid,.sosGrid,.profileGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.roleFocus,.roleLoginBar,.workingHeader,.contactCard{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.workingSidebar,.workingStats,.routeLiveStats,.routeInfoList,.approvalGrid,.sosGrid,.profileGrid,.filterRow{grid-template-columns:1fr}.dataHead{display:none}.dataRow,.routeManagementTable .dataRow{grid-template-columns:1fr;gap:8px}.stopList div{grid-template-columns:36px 1fr}.stopList small{grid-column:2}.workingMain{padding:14px}.roleLoginBar{border-radius:24px 24px 0 0}.workingDashboard{border-radius:0 0 24px 24px}}