:root{--navy:#071c34;--navy2:#0d2847;--ink:#071950;--blue:#006cff;--orange:#ff6900;--green:#00a64c;--bg:#eef5ff;--card:#fff;--muted:#64789b;--border:#dce9fb;--shadow:0 8px 25px #234a8b08;color-scheme:light}
*{box-sizing:border-box}body{margin:0;font:14px/1.4 Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg)}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:var(--blue)}:focus-visible{outline:3px solid #ff8c29;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-50px;left:10px;z-index:100;padding:10px;background:var(--card)}.skip-link:focus{top:10px}.admin-shell{display:grid;grid-template-columns:286px minmax(0,1fr);grid-template-rows:72px minmax(calc(100vh - 112px),auto) 40px;min-height:100vh}.sidebar{grid-row:1/3;background:linear-gradient(160deg,#081e35,#0b1c33 65%,#020b14);color:#c8e1ff;display:flex;flex-direction:column;min-width:0}.brand{display:flex;align-items:center;gap:8px;color:#087bff;text-decoration:none;padding:9px 22px 0;height:63px}.brand img{width:48px;height:48px;object-fit:cover}.brand-word{display:flex;flex:1;flex-direction:column}.brand-word b{font-size:47px;line-height:.95;letter-spacing:-2.6px;font-weight:850}.brand-word b span{color:#ff7800}.brand-word small{font-size:13px;align-self:flex-end;color:#fff;line-height:1.1;font-weight:bold}.brand-tagline{margin:0 15px 15px;font-size:10px;text-align:center;color:white}.sidebar nav{padding:7px 14px;display:grid;gap:2px;max-height:calc(100vh - 330px);overflow:auto;scrollbar-width:thin;scrollbar-color:#315172 transparent}.sidebar nav a{display:flex;align-items:center;gap:17px;padding:11px 13px;color:#cae2ff;text-decoration:none;border-radius:8px;min-height:42px;font-size:14px;white-space:nowrap}.sidebar nav a svg{width:25px;height:25px;flex:none;stroke:#badbff}.sidebar nav a.active{background:linear-gradient(100deg,#ff7900,#ff5a00);color:white;box-shadow:0 4px 10px #0002}.sidebar nav a.active svg{stroke:white}.sidebar nav a:hover:not(.active){background:#19334e}.sidebar-footer{margin-top:auto;padding:10px 12px 20px;text-align:center;overflow:hidden;position:relative}.sidebar-footer svg{width:100%;height:100px;opacity:.85;display:block}.sidebar-footer p{font:italic 25px/1.1 'Brush Script MT','Segoe Script',cursive;color:#ff7a00;transform:rotate(-8deg);margin:-15px 0 25px}.sidebar-footer>span{color:#e5f3ff;display:block;font-size:13px}.sidebar-footer>small{display:block;font-size:10px;margin-top:6px;color:#a6bfd9}.topbar{background:linear-gradient(100deg,#f8fcff,#e8f0fa);display:flex;align-items:center;gap:22px;padding:9px 20px;position:relative;min-width:0}.topbar-heading{display:flex;flex-direction:column;min-width:210px}.topbar-heading b{font-size:24px;line-height:1.15;letter-spacing:-.7px}.topbar-heading span{font-size:13px;margin-top:2px}.global-search{display:flex;align-items:center;gap:10px;padding:9px 14px;border:1px solid #e4edfa;border-radius:8px;background:#f9fcff;flex:1;max-width:430px;margin-left:auto}.global-search input{border:0;outline:0;background:transparent;color:var(--ink);width:100%;font-size:12px}.search-icon svg{width:18px;height:18px;stroke:#546d9a;display:block}.icon-button{border:0;background:transparent;color:var(--ink);padding:5px;display:inline-flex;align-items:center;justify-content:center;font-size:28px}.icon-button svg{width:28px;height:28px}.notifications-button{position:relative;border-right:1px solid #cddbf0;padding-right:18px}.notifications-button>span:first-child svg{fill:#061c60;stroke:#061c60}.notifications-button>span:last-child:not(:first-child){position:absolute;background:#ff102f;color:white;border-radius:50%;font-size:9px;padding:1px 4px;right:12px;top:-1px;border:1px solid white}.account-button{display:flex;gap:10px;align-items:center;text-align:left;border:0;background:transparent;color:var(--ink);white-space:nowrap;max-width:240px}.account-initial{border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#09165a;color:#fff;font-size:23px;flex-shrink:0}.account-button b{display:block;font-size:13px;max-width:150px;overflow:hidden;text-overflow:ellipsis}.account-button small{display:block;font-size:11px;margin-top:3px}.chevron{font-size:20px;margin-left:10px}.account-menu{position:absolute;right:20px;top:66px;z-index:30;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px;box-shadow:0 10px 30px #16366026;min-width:230px}.account-menu p{font-size:12px;color:var(--muted);max-width:250px;overflow-wrap:anywhere}.account-menu button{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--ink);padding:10px}.main-content{padding:15px 18px 12px;background:linear-gradient(#f8fcff,#f4f8ff);border-radius:18px 0 0 0;min-width:0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:13px}.page-heading h1{font-size:36px;line-height:1.15;letter-spacing:-1.5px;color:#0056d8;margin:1px 0 1px;font-weight:800}.page-heading h1 span{color:var(--ink)}.page-heading p{color:#3974c3;margin:0;font-size:16px}.heading-right{display:flex;gap:28px;align-items:center}.date-block{display:flex;gap:12px;align-items:center;white-space:nowrap}.date-block svg{width:30px;height:30px;stroke:#071950}.date-block b{font-size:15px;display:block}.date-block small{display:block;font-size:12px;margin-top:1px}.system-status{display:flex;align-items:center;gap:14px;background:#f1fcf8;border:1px solid #e0f2eb;border-radius:13px;padding:10px 15px;min-width:207px;white-space:nowrap}.system-status i{width:21px;height:21px;border-radius:50%;background:#12b85a;border:1px solid #00a244}.system-status b{display:block;font-size:12px;color:#122619}.system-status small{display:block;font-size:11px;color:#135b2c;margin-top:3px}.metric-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:14px}.metric-card{padding:14px 12px;border-radius:12px;border:1px solid var(--border);background:#fff;display:flex;align-items:center;gap:12px;min-height:109px;box-shadow:var(--shadow)}.metric-card svg{width:41px;height:41px;flex:none;stroke:currentColor}.metric-card .metric-copy{min-width:0}.metric-card .metric-label{display:block;font-size:11px;line-height:1.2;margin-bottom:4px}.metric-card strong{display:block;font-size:25px;line-height:1.1;letter-spacing:-.5px;overflow-wrap:anywhere}.metric-card .metric-note{font-size:10px;display:block;margin-top:8px;color:inherit;opacity:.87}.metric-card.blue{background:#066aff;color:#fff;border-color:#0068ff}.metric-card.orange{background:#ff6a00;color:#fff;border-color:#ff6a00}.metric-card.green{background:#009e45;color:#fff;border-color:#009744}.metric-card.purple{background:#5421e7;color:#fff;border-color:#5421e7}.metric-card.red{background:#fc2446;color:#fff;border-color:#fc2446}.metric-card.white{color:#0070ff;background:#fff}.metric-card.white strong{color:var(--ink)}.metric-card.white svg{stroke:#006cff}.section-tabs{display:flex;gap:5px;margin-bottom:12px;overflow-x:auto}.section-tabs:empty{display:none}.section-tabs a{color:#0057d2;background:#e3f0ff;border:1px solid #d8e8ff;border-radius:5px;text-decoration:none;padding:10px 16px;font-size:12px;white-space:nowrap;flex:1;text-align:center}.section-tabs a.active{color:#fff;background:#ff6b00;border-color:#ff6b00}.dashboard-grid{display:grid;grid-template-columns:1.05fr 1.3fr .78fr;gap:14px;grid-template-rows:310px 265px}.panel{background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:13px 14px;min-width:0;overflow:hidden}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.panel-heading h2{font-size:17px;letter-spacing:-.4px;line-height:1.2;margin:0;font-weight:750}.panel-heading p{font-size:12px;margin:4px 0 0;color:#8494b2}.panel-heading a{font-size:11px;white-space:nowrap}.chart-legend{display:flex;align-items:center;gap:5px;font-size:9px;white-space:nowrap;margin-top:28px}.blue-dot,.orange-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#006cff}.orange-dot{background:#ff6a00;margin-left:5px}.activity-chart{height:215px;margin-top:10px}.activity-chart svg{width:100%;height:100%;overflow:visible}.map-panel{padding:13px 7px 6px}.map-panel .panel-heading{padding:0 7px}.position-map{border-radius:10px;border:1px solid var(--border);height:247px;position:relative;overflow:hidden;background:#c5e6fb}.position-map>svg{height:100%;width:100%;display:block}.map-caption{position:absolute;bottom:6px;left:6px;right:6px;border-radius:4px;background:#ffffffe8;padding:4px 7px;font-size:9px;color:#38577a}.map-no-data{position:absolute;left:8%;right:8%;top:40%;text-align:center;background:#fffffff0;color:#355371;padding:16px;border-radius:10px;font-size:12px}.overview-items{display:grid}.overview-item{display:flex;align-items:center;gap:12px;border-bottom:1px solid #edf1f8;padding:12px 0;font-size:11px;min-height:46px}.overview-item:last-child{border-bottom:0}.overview-item svg{width:24px;height:24px;stroke:#006cff;flex:none}.overview-item strong{margin-left:auto;font-size:15px;color:#0c1a57}.recent-panel{grid-column:1;}.driver-panel{grid-column:2;}.quick-panel{grid-column:3;}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;white-space:nowrap}th{font-weight:500;background:#f1f6fd;color:#123172;padding:8px 8px}th:first-child{border-radius:6px 0 0 6px}th:last-child{border-radius:0 6px 6px 0}td{padding:9px 8px;border-bottom:1px solid #ecf2fa;color:#142a67;max-width:250px;overflow:hidden;text-overflow:ellipsis}tr:last-child td{border-bottom:0}.status-pill{display:inline-flex;align-items:center;gap:5px;font-size:10px;border-radius:999px;padding:3px 9px;background:#e3efff;color:#045cdf;line-height:1.15}.status-pill.green{background:#def9e9;color:#008b3b}.status-pill.orange{background:#fff0de;color:#e96800}.status-pill.red{background:#ffe7e9;color:#e02f44}.status-pill.purple{background:#eee7ff;color:#6128bf}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.quick-actions a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-decoration:none;padding:13px 5px;border-radius:12px;font-size:10px;line-height:1.3;text-align:center;background:#e8f2ff;min-height:88px;color:#0747b9}.quick-actions a svg{width:31px;height:31px;stroke:#006cff}.quick-actions a:nth-child(2){background:#fff0e1}.quick-actions a:nth-child(2) svg{stroke:#ff7900}.quick-actions a:nth-child(3){background:#e6f8ee}.quick-actions a:nth-child(3) svg{stroke:#00a64c}.quick-actions a:nth-child(4){background:#ede8ff}.quick-actions a:nth-child(4) svg{stroke:#5a2dd6}.quick-actions a:nth-child(5){background:#edf1f7}.quick-actions a:nth-child(6){background:#e8edf4}.community-banner{height:99px;border:1px solid #d2e1f4;border-radius:15px;display:flex;align-items:center;gap:22px;margin-top:14px;overflow:hidden;background:linear-gradient(100deg,#b2c9ff 0,#edf6ff 40%,#fff5e4 75%,#2d6bb8);padding:10px 25px;color:#071950}.community-banner h2{margin:0;font-size:23px;letter-spacing:-1px}.community-banner p{margin:1px 0 0;font-size:12px}.community-banner .primary{margin-left:auto;white-space:nowrap;font-size:13px;text-decoration:none;padding:14px 24px}.banner-skyline{width:34%;align-self:stretch;min-width:160px}.banner-skyline svg{width:100%;height:100%}.primary,.secondary{border:1px solid transparent;border-radius:8px;padding:10px 16px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:12px}.primary{background:linear-gradient(110deg,#ff7b00,#ff5b00);color:white;box-shadow:0 5px 15px #ff790020}.secondary{border-color:#d9e6f8;background:#f2f8ff;color:#0759c5}.primary:disabled,.secondary:disabled{opacity:.5;cursor:not-allowed}.app-footer{grid-column:1/-1;background:linear-gradient(100deg,#061c35,#153b63);color:#b9d5ef;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;font-size:10px}.app-footer i{color:#2090ff;font-style:normal;margin:0 10px}.message{color:#375c8f;font-size:12px;margin-bottom:8px}.message:empty{display:none}.message.error{background:#fff0f1;color:#af203c;border:1px solid #ffc9d1;padding:12px;border-radius:8px}.demo-banner{background:#fff3cc;border:1px solid #edce62;border-radius:8px;padding:8px 14px;color:#6c4b00;font-size:11px;font-weight:bold;letter-spacing:.7px;margin:0 0 10px}.snapshot-note{font-size:10px;color:#7a8eac;margin:10px 2px 0}.section-insights{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.insight-card{min-height:180px}.insight-card h3{font-size:16px;margin:0 0 12px}.insight-card .insight-value{font-size:28px;font-weight:bold;color:#006cff;margin:5px 0}.insight-card p{font-size:12px;color:#6b81a3}.section-insights:empty{display:none}.data-panel{min-height:330px;padding:15px}.data-panel-heading{align-items:center}.table-actions{display:flex;align-items:center;gap:8px}.table-actions input{padding:10px 12px;border:1px solid #d8e5f7;border-radius:7px;font-size:12px;max-width:230px;color:var(--ink);background:var(--card)}.data-panel table{font-size:12px}.data-panel th{padding:12px 10px}.data-panel td{padding:13px 10px}.row-open{border:1px solid #d7e7fb;background:#f0f7ff;color:#045bca;border-radius:5px;padding:4px 9px;font-size:11px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:210px;padding:25px;text-align:center;color:#6f86a9;font-size:13px;white-space:normal}.empty-state svg{width:40px;height:40px;margin-bottom:12px;stroke:#7aabeb}.empty-state strong{color:var(--ink);font-size:17px;margin-bottom:7px}.empty-state p{max-width:500px;margin:0;line-height:1.6}.pagination{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7187a8;border-top:1px solid #e8f0fb;margin-top:10px;padding:12px 2px 0}.pagination>div{display:flex;gap:8px}.pagination button{font-size:11px;padding:7px 12px}.boundary-note{padding:10px 13px;background:#fff6e7;border:1px solid #ffe4b9;border-radius:8px;font-size:11px;color:#82591a;line-height:1.5;margin:0 0 14px}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;max-width:1100px;margin:auto;align-items:center;gap:80px;padding:50px}.auth-brand{text-align:center}.auth-brand img{width:min(100%,300px);border-radius:20px;box-shadow:0 15px 60px #1239661a}.auth-brand h1{color:#0a58bd;font-size:35px;letter-spacing:-1px;margin:20px 0 4px}.auth-brand p{color:#58769f;font-size:13px}.auth-card{border:1px solid #d8e7fc;box-shadow:0 15px 60px #1239660f;border-radius:22px;background:#fff;padding:35px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:bold;color:#006cff;margin-top:0}.auth-card h2{font-size:27px;letter-spacing:-1px;margin:13px 0}.auth-card>p:not(.eyebrow){font-size:13px;color:#647c9e;line-height:1.6}.auth-card label,.record-dialog label{font-size:12px;font-weight:bold;display:block;color:#32547d;margin:16px 0 7px}.auth-card input,.record-dialog input,.record-dialog textarea,.record-dialog select{width:100%;padding:12px;border:1px solid #d4e2f5;border-radius:8px;color:#08224d;background:#fbfdff}.auth-card .primary{width:100%;margin-top:24px;background:#006cff}.auth-card .auth-note{font-size:11px!important}.auth-card>a{font-size:12px}.record-dialog,.overview-dialog{border:1px solid #cfdff5;border-radius:18px;box-shadow:0 20px 100px #031e4b40;color:var(--ink);background:var(--card);padding:25px;max-width:560px;width:calc(100% - 30px)}dialog::backdrop{background:#06204080}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.dialog-heading h2{margin:0;font-size:23px;letter-spacing:-.7px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.record-dialog textarea{resize:vertical}.record-dialog #record-message{font-size:12px;color:#b12c40}.menu-toggle{display:none}
:root[data-theme=dark]{--bg:#071727;--card:#11263c;--ink:#e3efff;--muted:#9cb5d2;--border:#244360;color-scheme:dark}:root[data-theme=dark] .main-content,:root[data-theme=dark] .topbar{background:#0b1e31}:root[data-theme=dark] .page-heading h1,:root[data-theme=dark] .page-heading p{color:#8cbbff}:root[data-theme=dark] th{background:#173650;color:#c9e1ff}:root[data-theme=dark] td{color:#d9e8ff;border-color:#24405c}:root[data-theme=dark] .global-search,:root[data-theme=dark] .table-actions input{background:#132d46;border-color:#294862}:root[data-theme=dark] .global-search input{color:#e1eeff}:root[data-theme=dark] .account-button,:root[data-theme=dark] .icon-button{color:#e0eeff}:root[data-theme=dark] .overview-item strong{color:#d6e8ff}:root[data-theme=dark] .metric-card.white{background:#132e48}:root[data-theme=dark] .section-tabs a{background:#173953;color:#9ac5ff;border-color:#244360}:root[data-theme=dark] .section-tabs a.active{background:#f76b00;color:#fff}:root[data-theme=dark] .auth-card{background:#10263d;border-color:#2d4c6a}:root[data-theme=dark] .auth-card input,:root[data-theme=dark] .record-dialog input,:root[data-theme=dark] .record-dialog textarea,:root[data-theme=dark] .record-dialog select{background:#102c43;color:#e6f1ff;border-color:#30516c}:root[data-theme=dark] .auth-card label,:root[data-theme=dark] .record-dialog label{color:#a4c5ea}
@media(min-width:1700px){.main-content{padding:20px 25px}.dashboard-grid{grid-template-rows:350px 300px}.position-map{height:285px}.activity-chart{height:250px}.metric-card{min-height:120px}.community-banner{height:115px}.sidebar nav{max-height:calc(100vh - 350px)}}
@media(max-width:1300px){.admin-shell{grid-template-columns:234px minmax(0,1fr)}.brand{padding-left:14px;padding-right:12px}.brand-word b{font-size:39px}.brand img{width:41px;height:44px}.sidebar nav{padding:6px 8px}.sidebar nav a{padding:10px;gap:12px;font-size:12px}.topbar{gap:14px;padding:10px 16px}.topbar-heading{min-width:180px}.topbar-heading b{font-size:21px}.metric-cards{gap:8px}.metric-card{padding:12px 8px;gap:7px}.metric-card svg{width:31px;height:31px}.metric-card strong{font-size:23px}.metric-card .metric-label{font-size:10px}.heading-right{gap:15px}.page-heading h1{font-size:31px}.system-status{min-width:170px;padding:9px 12px}.dashboard-grid{grid-template-columns:1.1fr 1.15fr .8fr;gap:10px;grid-template-rows:295px 260px}.panel{padding:11px}.panel-heading h2{font-size:15px}.panel-heading p{font-size:11px}.map-panel{padding:11px 5px 5px}.position-map{height:235px}.quick-actions{gap:6px}.quick-actions a{font-size:9px;min-height:85px}.chart-legend{font-size:8px;gap:3px}.activity-chart{height:205px}.overview-item{gap:8px;font-size:10px}.overview-item strong{font-size:13px}.overview-item svg{width:21px;height:21px}.community-banner h2{font-size:20px}.community-banner{padding:10px 15px;gap:15px}.community-banner .primary{padding:13px 18px}.banner-skyline{width:27%}.table-actions input{max-width:170px}.data-panel th,.data-panel td{padding:11px 7px}}
@media(max-width:1050px){.admin-shell{grid-template-columns:210px minmax(0,1fr)}.brand-word b{font-size:34px}.brand img{width:37px;height:40px}.brand-tagline{font-size:8px}.sidebar nav a{font-size:11px;gap:10px}.sidebar nav a svg{width:20px;height:20px}.topbar-heading{min-width:125px}.topbar-heading b{font-size:19px}.topbar-heading span{font-size:10px}.global-search{max-width:270px}.account-button small{display:none}.account-button b{max-width:100px;font-size:11px}.account-initial{width:32px;height:32px;font-size:18px}.notifications-button{padding-right:12px}.main-content{padding:14px 12px}.metric-cards{grid-template-columns:repeat(3,1fr)}.metric-card{min-height:88px;padding:12px}.metric-card strong{font-size:25px}.metric-card .metric-label{font-size:11px}.metric-card svg{width:34px;height:34px}.page-heading{align-items:flex-start}.heading-right{gap:10px}.system-status{display:none}.date-block b{font-size:12px}.date-block small{font-size:10px}.date-block svg{width:25px;height:25px}.page-heading h1{font-size:28px}.page-heading p{font-size:13px}.dashboard-grid{grid-template-columns:1fr 1fr;grid-template-rows:290px auto auto}.overview-panel{grid-column:1;grid-row:2}.recent-panel{grid-column:2;grid-row:2}.driver-panel{grid-column:1;grid-row:3}.quick-panel{grid-column:2;grid-row:3}.overview-item{font-size:11px;padding:10px 0;min-height:39px}.community-banner .banner-skyline{display:none}.community-banner{height:90px}.community-banner h2{font-size:18px}.community-banner p{font-size:10px}.section-insights{gap:8px}.table-actions{flex-wrap:wrap;justify-content:flex-end}.table-actions .primary,.table-actions .secondary{font-size:11px}.data-panel-heading{align-items:flex-start}}
@media(max-width:760px){.admin-shell{grid-template-columns:1fr;grid-template-rows:64px minmax(calc(100vh - 105px),auto) auto}.sidebar{position:fixed;left:-290px;top:0;bottom:0;width:270px;z-index:50;transition:left .2s;box-shadow:10px 0 60px #00152a50}.sidebar.open{left:0}.sidebar nav{max-height:calc(100vh - 250px)}.sidebar-footer svg{height:60px}.sidebar-footer p{font-size:20px;margin:0 0 12px}.brand-word b{font-size:44px}.brand img{width:44px;height:48px}.brand-tagline{font-size:10px}.sidebar nav a{font-size:13px}.sidebar nav a svg{width:23px;height:23px}.topbar{grid-column:1;gap:12px;padding:10px 12px}.menu-toggle{display:flex;font-size:22px}.global-search{display:none}.topbar-heading{margin-right:auto;min-width:0}.topbar-heading b{font-size:20px}.topbar-heading span{font-size:10px}.account-button b,.account-button .chevron{display:none}.account-button{padding:0}.notifications-button{border-right:0;padding-right:5px}.account-menu{top:59px;right:10px}.main-content{border-radius:0;padding:16px 12px}.page-heading{gap:10px}.page-heading h1{font-size:27px;letter-spacing:-1px}.page-heading p{font-size:12px}.date-block{gap:7px}.date-block svg{display:none}.date-block b{font-size:10px;max-width:110px;white-space:normal}.date-block small{font-size:9px}.metric-cards{grid-template-columns:repeat(2,1fr);gap:8px}.metric-card{min-height:92px;padding:12px;gap:11px}.metric-card strong{font-size:25px}.metric-card .metric-label{font-size:10px}.metric-card .metric-note{font-size:9px;margin-top:6px}.metric-card svg{width:32px;height:32px}.dashboard-grid{display:flex;flex-direction:column;gap:12px}.activity-panel{min-height:280px}.map-panel{min-height:310px}.position-map{height:260px}.overview-panel .overview-items{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.recent-panel,.driver-panel{min-height:220px}.quick-actions{grid-template-columns:repeat(3,1fr)}.quick-actions a{min-height:85px;font-size:11px}.community-banner{flex-direction:column;justify-content:center;gap:9px;height:150px;text-align:center;padding:15px}.community-banner .primary{margin-left:0;padding:9px 22px;font-size:12px}.community-banner h2{font-size:20px}.community-banner p{font-size:11px}.app-footer{flex-direction:column;gap:5px;padding:13px;font-size:9px;text-align:center}.section-insights{grid-template-columns:1fr}.insight-card{min-height:120px}.data-panel{padding:12px}.data-panel-heading{flex-direction:column;gap:15px}.table-actions{width:100%;justify-content:flex-start}.table-actions input{flex:1;max-width:none;min-width:100px;width:120px}.table-actions .primary{width:100%}.data-panel table{font-size:11px}.data-panel th,.data-panel td{padding:10px 8px}.auth-page{display:flex;flex-direction:column;padding:25px 18px;gap:20px}.auth-brand img{width:130px}.auth-brand h1{font-size:26px;margin:10px 0 0}.auth-brand p{font-size:10px}.auth-card{padding:25px;width:100%;max-width:430px}.auth-card h2{font-size:24px}.section-tabs a{padding:8px 13px}.snapshot-note{line-height:1.5}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
body[data-section=dashboard] .admin-shell{grid-template-rows:72px auto}body[data-section=dashboard] .app-footer{display:none}.admin-shell[data-layout=operations],.admin-shell[data-layout=standard]{grid-template-columns:234px minmax(0,1fr)}.admin-shell[data-layout=operations] .brand-word b,.admin-shell[data-layout=standard] .brand-word b{font-size:39px}.admin-shell[data-layout=operations] .brand,.admin-shell[data-layout=standard] .brand{padding-left:14px;padding-right:12px}.admin-shell[data-layout=operations] .brand img,.admin-shell[data-layout=standard] .brand img{width:41px;height:44px}#admin-mfa{border-top:1px solid var(--border);padding-top:15px;margin-top:15px}#admin-mfa h3{font-size:18px;margin:0}#admin-mfa p{font-size:12px;color:var(--muted)}#admin-mfa select{width:100%;padding:10px;border-radius:8px;border:1px solid var(--border)}#admin-mfa-cancel{margin-top:12px;font-size:12px}
@media(max-width:1050px){.admin-shell[data-layout=operations],.admin-shell[data-layout=standard]{grid-template-columns:210px minmax(0,1fr)}}@media(max-width:760px){body[data-section=dashboard] .admin-shell{grid-template-rows:64px auto}.admin-shell[data-layout=operations],.admin-shell[data-layout=standard]{grid-template-columns:1fr}}

/* FR-016 measured reconstruction. Original PHOTO logo is cropped by SVG viewports,
   never redrawn; all source raster files remain unchanged. */
.brand{height:66px;padding:9px 23px 0;gap:5px;align-items:center;mix-blend-mode:screen}
.brand-pin{width:49px;height:60px;flex:none;overflow:hidden}
.brand-wordmark{width:180px;height:49px;flex:none;overflow:hidden}
.brand-tagline{margin:0 15px 16px 55px;font-size:10px;white-space:nowrap}
.sidebar nav{padding-top:7px;gap:1px;max-height:calc(100vh - 320px)}
.nav-group{position:relative;min-width:0}
.sidebar nav .nav-group>a{font-size:16px;min-height:43px;padding:8px 12px;gap:18px}
.sidebar nav .nav-group:has(.nav-toggle)>a{padding-right:30px}
.nav-toggle{position:absolute;right:3px;top:5px;width:27px;height:32px;border:0;border-radius:5px;background:transparent;color:#b5d9ff;font-size:18px}
.nav-toggle:hover{background:#ffffff1c}.nav-toggle[aria-expanded=true]{transform:rotate(180deg)}
.nav-children{margin:4px 0 5px 27px;padding:0 0 0 9px;border-left:1px solid #315476}
.sidebar nav .nav-children a{font-size:12px;min-height:34px;padding:7px 5px;gap:9px;white-space:normal}
.sidebar nav .nav-children svg{width:17px;height:17px}
.footer-brand{height:54px;display:flex;align-items:center;justify-content:center;gap:4px;margin:3px 0 1px;mix-blend-mode:screen}
.footer-brand svg:first-child{width:40px;height:49px}.footer-brand svg:last-child{width:132px;height:36px}
.sidebar-footer{padding-top:7px;padding-bottom:14px}.sidebar-footer p{margin-bottom:15px}.sidebar-footer>span{font-size:12px;margin-left:43px}.sidebar-footer>small{font-size:9px}
.demo-banner{position:fixed;bottom:4px;right:8px;z-index:60;margin:0;border-radius:4px;padding:4px 8px;font-size:8px;letter-spacing:.35px;max-width:calc(100vw - 16px);box-shadow:0 1px 6px #051a3024;pointer-events:none}
.metric-cards{grid-template-columns:179fr 176fr 194fr 202fr 199fr 194fr}
.metric-card{gap:14px}.metric-card .metric-label{font-size:12px}.metric-card strong{font-size:28px}.metric-card .metric-note{font-size:9px;line-height:1.3}
.dashboard-grid{grid-template-columns:minmax(0,398fr) minmax(0,67fr) minmax(0,414fr) minmax(0,291fr);grid-template-rows:310px 265px}
.activity-panel{grid-column:1;grid-row:1}.map-panel{grid-column:2/4;grid-row:1}.overview-panel{grid-column:4;grid-row:1;min-height:330px}
.recent-panel{grid-column:1/3;grid-row:2}.driver-panel{grid-column:3;grid-row:2}.quick-panel{grid-column:4;grid-row:2;margin-top:20px}
.overview-item{min-height:38px;padding:7px 0;gap:10px;font-size:11px}.overview-item svg{width:23px;height:23px}.overview-item strong{font-size:15px}
#recent-trips table,#driver-status table{table-layout:fixed}#recent-trips th:nth-child(1){width:14%}#recent-trips th:nth-child(2){width:19%}#recent-trips th:nth-child(3){width:18%}#recent-trips th:nth-child(4){width:30%}#recent-trips th:nth-child(5){width:19%}
#recent-trips td,#recent-trips th{padding-left:6px;padding-right:6px}#recent-trips .status-pill{font-size:9px;padding:3px 7px}
#driver-status th:nth-child(1){width:32%}#driver-status th:nth-child(2){width:25%}#driver-status th:nth-child(3){width:43%}
.quick-actions{gap:8px}.quick-actions a{min-height:88px;padding:10px 4px}
.community-banner{padding:0 24px 0 10px;gap:18px}.banner-skyline{width:43%;min-width:260px;position:relative;isolation:isolate;flex-shrink:0}.banner-skyline>svg{position:absolute;inset:0;z-index:-1}.banner-taxi{position:absolute;height:88%;width:auto;max-width:90%;object-fit:contain;bottom:2px;left:14%;mix-blend-mode:multiply}.community-banner h2{font-size:23px;letter-spacing:-1px;white-space:nowrap}.community-banner p{font-size:12px;white-space:nowrap}.community-banner .primary{padding:14px 24px}
:root[data-theme=dark] .date-block svg{stroke:#c3dcff}:root[data-theme=dark] .notifications-button>span:first-child svg{fill:#c3dcff;stroke:#c3dcff}:root[data-theme=dark] .chart-legend{color:#d4e5ff}:root[data-theme=dark] .panel-heading p{color:#a8bddc}:root[data-theme=dark] .status-pill.green{background:#164b38;color:#a7f0c7}:root[data-theme=dark] .status-pill.orange{background:#573b1b;color:#ffcc92}:root[data-theme=dark] .status-pill.red{background:#5d2934;color:#ffc4ca}:root[data-theme=dark] .status-pill{background:#193d60;color:#c6e0ff}
@media(max-width:1400px) and (min-width:1051px){.community-banner h2{font-size:19px}.community-banner p{font-size:10px}.community-banner .primary{padding:13px 15px;font-size:11px}.banner-skyline{width:36%;min-width:220px}.metric-card{gap:9px}.metric-card strong{font-size:25px}.metric-card .metric-label{font-size:11px}.overview-item{font-size:10px;gap:7px}.overview-item strong{font-size:13px}}
@media(max-width:1300px){.brand{padding:9px 12px 0;gap:4px}.brand-pin{width:40px;height:52px}.brand-wordmark{width:161px;height:44px}.brand-tagline{margin-left:37px;font-size:9px}.sidebar nav .nav-group>a{font-size:13px;gap:12px}.sidebar nav{padding-left:8px;padding-right:8px}.metric-card .metric-label{font-size:10px}.overview-panel{min-height:330px}}
@media(max-width:1050px){.brand-pin{width:35px;height:48px}.brand-wordmark{width:143px;height:39px}.brand-tagline{margin-left:30px;font-size:8px}.sidebar nav .nav-group>a{font-size:12px;gap:10px}.metric-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:290px auto auto}.activity-panel{grid-column:1;grid-row:1}.map-panel{grid-column:2;grid-row:1}.overview-panel{grid-column:1;grid-row:2;min-height:330px}.recent-panel{grid-column:2;grid-row:2}.driver-panel{grid-column:1;grid-row:3}.quick-panel{grid-column:2;grid-row:3;margin-top:0}.banner-skyline{display:none}.community-banner h2{font-size:18px;white-space:normal}.community-banner p{font-size:10px;white-space:normal}.community-banner .primary{font-size:11px;padding:10px 15px}#recent-trips table{min-width:410px}}
@media(max-width:760px){.brand{padding-left:20px}.brand-pin{width:45px;height:55px}.brand-wordmark{width:174px;height:47px}.brand-tagline{font-size:9px;margin-left:49px}.sidebar nav .nav-group>a{font-size:14px}.sidebar nav{max-height:calc(100vh - 270px)}.footer-brand{height:40px}.footer-brand svg:first-child{height:38px;width:32px}.footer-brand svg:last-child{width:115px;height:31px}.sidebar-footer>span,.sidebar-footer>small{display:none}.metric-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{gap:11px}.metric-card strong{font-size:26px}.dashboard-grid{display:flex;flex-direction:column}.overview-panel{min-height:0}.quick-panel{margin-top:0}.overview-item{font-size:10px;gap:8px}.overview-item strong{font-size:12px}.community-banner{height:150px;padding:15px}.community-banner h2{font-size:20px}.community-banner p{font-size:11px}.community-banner .primary{font-size:12px}.demo-banner{left:8px;right:8px;text-align:center;font-size:7px}}

.global-search:focus-within{outline:3px solid #ff8c29;outline-offset:3px}