.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #e3ebe5;border-radius:8px;background:#fff;color:#5d7468;padding:8px 10px;font:700 11px var(--font);white-space:nowrap}
.theme-toggle svg{width:16px;height:16px}
.theme-toggle:hover{background:#f3f7f2;color:#1b5345}
.theme-sun{display:none}
.auth-theme{float:right}
.theme-status:not(:empty){position:fixed;bottom:75px;right:24px;z-index:30;background:#173f34;color:#fff;border-radius:8px;padding:13px 18px;font-size:12px;max-width:320px}
@keyframes rise-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes dialog-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.auth-card,.page-enter{animation:rise-in .4s ease-out}
dialog[open]{animation:dialog-in .2s ease-out}
.button,.theme-toggle,.navigation a,.icon-button{transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}
.metric,.card{transition:background-color .2s,border-color .2s}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #78ad8a;outline-offset:3px}

:root[data-theme="dark"]{color-scheme:dark;--ink:#dcece3;--muted:#a1b6a9;--green:#acd8b6;--deep:#b9dfc2;--paper:#101b19;--line:#30443c;--orange:#e0ac74;--red:#e29b89}
:root[data-theme="dark"] .theme-moon{display:none}
:root[data-theme="dark"] .theme-sun{display:block}
:root[data-theme="dark"] .sidebar,:root[data-theme="dark"] .topbar,:root[data-theme="dark"] .card,:root[data-theme="dark"] .metric,:root[data-theme="dark"] .auth-card,:root[data-theme="dark"] dialog{background:#192a25;color:#dcece3}
:root[data-theme="dark"] .auth-screen{background:linear-gradient(135deg,#101b19,#1c3028 55%,#14231e)}
:root[data-theme="dark"] .page-heading h1,:root[data-theme="dark"] td strong,:root[data-theme="dark"] .alert-info strong{color:#e2eee6}
:root[data-theme="dark"] .navigation a,:root[data-theme="dark"] .icon-button,:root[data-theme="dark"] td,:root[data-theme="dark"] .breadcrumb strong{color:#abc3b3}
:root[data-theme="dark"] .navigation a:hover,:root[data-theme="dark"] .icon-button:hover{background:#293e34;color:#e0f0e2}
:root[data-theme="dark"] .navigation a.active{background:#2c493a;color:#c5e8c9}
:root[data-theme="dark"] .sidebar-tip,:root[data-theme="dark"] .gps-results{background:#22372b;border-color:#3a5140;color:#d5e7d8}
:root[data-theme="dark"] .tip-icon,:root[data-theme="dark"] .vehicle-icon,:root[data-theme="dark"] .metric-icon{background:#2b4333;color:#b1d6b3}
:root[data-theme="dark"] .metric-icon.orange,:root[data-theme="dark"] .alert-icon{background:#483b2d;color:#e6bc8a}
:root[data-theme="dark"] .metric-icon.blue{background:#293f48;color:#acd0df}
:root[data-theme="dark"] .metric-icon.red,:root[data-theme="dark"] .alert-icon.danger{background:#49332e;color:#edb09d}
:root[data-theme="dark"] .button-outline,:root[data-theme="dark"] .theme-toggle,:root[data-theme="dark"] .search-box,:root[data-theme="dark"] .filter-select{background:#20332c;border-color:#3a5145;color:#d4e5d7}
:root[data-theme="dark"] .button-outline:hover,:root[data-theme="dark"] .theme-toggle:hover{background:#30483a;color:#fff}
:root[data-theme="dark"] .button-primary{background:#397c5e;color:#fff}
:root[data-theme="dark"] .button-primary:hover{background:#4b9271}
:root[data-theme="dark"] .hero .button{background:#d9edaa;color:#345a40}
:root[data-theme="dark"] .field label{color:#b4cabb}
:root[data-theme="dark"] .field input,:root[data-theme="dark"] .field select,:root[data-theme="dark"] .field textarea{background:#12221c;border-color:#3d5548;color:#e2eee6}
:root[data-theme="dark"] .field input:focus,:root[data-theme="dark"] .field select:focus,:root[data-theme="dark"] .field textarea:focus{border-color:#8ac49d;box-shadow:0 0 0 3px #456d5155}
:root[data-theme="dark"] .account-card input[readonly]{background:#263a30;color:#abc0b1}
:root[data-theme="dark"] th{background:#21332b;color:#b5cbbd}
:root[data-theme="dark"] td,:root[data-theme="dark"] .alert-item{border-color:#30443c}
:root[data-theme="dark"] .badge{background:#294735;color:#b8dcb9}
:root[data-theme="dark"] .badge.warning{background:#51432b;color:#f0c98e}
:root[data-theme="dark"] .badge.danger{background:#50342f;color:#f0b5a2}
:root[data-theme="dark"] .badge.neutral,:root[data-theme="dark"] .nav-count{background:#30443a;color:#c0d5c6}
:root[data-theme="dark"] .pending-count{background:#5b4826;color:#ffde9a}
:root[data-theme="dark"] .demo-banner{background:#283c2d;border-color:#405a43;color:#c7dec2}
:root[data-theme="dark"] .demo-banner button,:root[data-theme="dark"] .text-link,:root[data-theme="dark"] .auth-message{color:#b5dfbd}
:root[data-theme="dark"] .admin-notification{background:#493e27;border-color:#695632;color:#f0d8a2}
:root[data-theme="dark"] .danger-button,:root[data-theme="dark"] .negative,:root[data-theme="dark"] .form-error{color:#f0aa9a}
:root[data-theme="dark"] .positive{color:#a7d9ae}
:root[data-theme="dark"] .avatar,:root[data-theme="dark"] .top-avatar{background:#385744;color:#c8e8ce}
:root[data-theme="dark"] .chart-columns{background-image:repeating-linear-gradient(to bottom,#405449 0,#405449 1px,transparent 1px,transparent 90px)}
:root[data-theme="dark"] .chart-bars{border-color:#405449}
:root[data-theme="dark"] footer{border-color:#30443c}
@media(max-width:760px){.topbar .theme-label{display:none}.topbar .theme-toggle{padding:7px}.auth-theme{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){.auth-card,.page-enter,dialog[open]{animation:none}.button,.theme-toggle,.navigation a,.icon-button,.metric,.card,.sidebar,.toast{transition:none}}
.analysis-filters{padding:20px;margin-bottom:24px}
.analysis-filter-grid{display:grid;grid-template-columns:minmax(200px,2fr) minmax(150px,1fr) minmax(150px,1fr) auto;gap:14px;align-items:end}
.analysis-hint{margin:12px 0 0;color:#82948a;font-size:11px}
:root .analysis-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
.analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:20px}
.analysis-categories,.analysis-current{padding:0 20px 14px}
.analysis-category{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line)}
.analysis-category div{flex:1}
.analysis-category strong,.analysis-category small{display:block;font-size:11px}
.analysis-category small{color:#92a198;margin-top:4px}
.analysis-category b{font-size:12px}
.analysis-current p{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 0;margin:0;border-top:1px solid var(--line);font-size:11px;color:#82948a}
.analysis-current strong{color:var(--ink);text-align:right}
.analysis-history{margin-bottom:20px}
@media(max-width:1100px){:root .analysis-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.analysis-filter-grid,.analysis-grid{grid-template-columns:1fr}.analysis-filter-grid .button{width:100%}}
.logout-button{display:flex;align-items:center;gap:9px;width:100%;padding:5px 3px;border:0;border-radius:8px;background:transparent;color:var(--ink);text-align:left}
.logout-button:hover{background:#f0f5ef}
.logout-button>svg{width:16px;height:16px;margin-left:auto;color:#82948a}
.logout-details{min-width:0;flex:1}
.logout-details strong,.logout-details small{display:block}
.logout-details strong{font-size:11px}
.logout-details small{max-width:135px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8da096;font-size:10px}
.logout-dialog-content{padding:25px}
.logout-dialog-content h2{margin:0;font:800 21px var(--heading);letter-spacing:-.7px}
.logout-dialog-content>p:not(.form-error){color:#819189;font-size:13px;line-height:1.6}
:root[data-theme="dark"] .logout-button:hover{background:#293e34}