:root,:root[data-theme="light"]{--bg:#f2f6f9;--surface:#fff;--ink:#152d43;--muted:#76899c;--line:#e5edf3;--accent:#079e91;--accent-ink:#fff;--ok:#139c78;--warn:#da8b27;--use:#278cce;--shadow:0 5px 24px #243b5310;--sidebar:#10283b;--sidebar-ink:#aec0ce}
:root[data-theme="dark"]{--bg:#0c1d2b;--surface:#142b3d;--ink:#e7f0f6;--muted:#91a8ba;--line:#294153;--accent:#36c9b5;--accent-ink:#09251f;--ok:#49ceab;--warn:#e7ad58;--use:#65b9ec;--shadow:0 6px 24px #0002;--sidebar:#081925;--sidebar-ink:#a4b8c9;color-scheme:dark}
body{background:var(--bg);font-weight:400;letter-spacing:0;min-height:100vh}main{max-width:1100px;margin:0 auto;padding:46px 32px 64px}body.signed-in main{max-width:none;margin-left:258px;padding:34px 42px 60px;min-height:100vh;background:radial-gradient(ellipse at 100% 0,#079e9108,transparent 55%)}[hidden]{display:none!important}button,input,select,summary{transition:background-color .18s,color .18s,border-color .18s,box-shadow .18s,transform .18s}button{touch-action:manipulation}.btn{border-radius:10px;padding:10px 16px;font-size:14px;font-weight:500;min-height:40px}.btn:not(:disabled):hover{filter:brightness(.97);transform:translateY(-1px)}.btn.sec{background:var(--surface);border:1px solid var(--line);color:var(--ink)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}input,select{border-radius:9px;border-color:var(--line);background:var(--surface);padding:10px 12px}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #079e9114;outline:0}.panel,.car{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:20px}.panel b,.car b{font-weight:600}.panel h2{font-weight:600}.grid,.dgrid{gap:18px}.kpis{gap:16px;margin:18px 0 24px;grid-template-columns:repeat(4,minmax(0,1fr))}.kpi{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);padding:22px;border-top:3px solid var(--accent)}.kpi:nth-child(2){border-top-color:#378ed4}.kpi:nth-child(3){border-top-color:#a18bd5}.kpi:nth-child(4){border-top-color:#dbad5f}.kpi b{font-size:30px;font-weight:600;letter-spacing:-.045em;white-space:normal;overflow-wrap:anywhere}.kpi span{margin-top:10px;font-size:13px}.kpi em{font-size:12px;margin-top:10px}.dgrid h2{font-size:15px;font-weight:600}.bar{background:linear-gradient(0deg,#078d84,#4bcebc);border-radius:5px 5px 0 0}.hb{background:linear-gradient(90deg,#079e91,#62d6c8)}.bars{height:180px;padding-top:15px}.badge{font-size:12px;padding:5px 9px}.plate{font-weight:600;font-size:20px}.car{transition:transform .2s,box-shadow .2s}.car:hover{transform:translateY(-2px);box-shadow:0 9px 28px #243b5314}.car.uso{border-color:var(--use);box-shadow:var(--shadow)}.car.rev{border-color:var(--warn);box-shadow:var(--shadow)}.meta{line-height:1.8;margin:10px 0 16px}.seg{gap:6px;margin:0 0 8px}.seg-b{background:var(--surface);border:1px solid var(--line);border-radius:8px;font-size:13px;padding:8px 14px}.seg-b[aria-pressed="true"]{background:var(--accent);border-color:var(--accent)}.scroll{border-radius:14px}th{font-size:12px;text-transform:uppercase;letter-spacing:.045em;background:var(--bg);font-weight:600}td{font-size:14px;padding:12px 10px}.empty{font-size:14px}.note:empty,#sync-status:empty{display:none}#sync-status{font-size:12px;color:var(--muted);margin:0 0 20px;display:flex;align-items:center;gap:7px}#sync-status::before{content:'';width:6px;height:6px;flex:none;border-radius:50%;background:var(--muted)}.role{margin:0 0 16px}.role:empty{display:none}.role .btn{font-size:12px;min-height:32px;padding:6px 10px}.app-sidebar{position:fixed;inset:0 auto 0 0;width:258px;background:var(--sidebar);color:var(--sidebar-ink);display:flex;flex-direction:column;padding:30px 18px 18px;z-index:50;overflow-y:auto;border-right:1px solid #ffffff08}.sidebar-brand{padding:0 14px 34px}.sidebar-brand h1{display:flex;align-items:center;gap:10px;line-height:1;margin:0;font-size:25px;letter-spacing:-1px;color:#f4f8fb;font-weight:400}.sidebar-brand h1 img{width:31px;height:31px;object-fit:contain;filter:hue-rotate(-35deg)}.sidebar-brand h1 b{color:#46d4bf;font-weight:650}.nav-caption{font-size:10px;font-weight:600;letter-spacing:.14em;color:#6f91a8;padding:0 15px;margin:0 0 14px}.app-sidebar .tabs{display:flex;flex-direction:column;gap:5px;border:0;margin:0;padding:0}.app-sidebar .tab,.sidebar-link{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:0;border-radius:9px;background:none;color:var(--sidebar-ink);font-size:13px;font-weight:450;padding:12px 14px;min-height:44px;margin:0;line-height:1.4;cursor:pointer;font-family:inherit}.app-sidebar .tab span{display:inline}.app-sidebar .tab .ic,.sidebar-link .ic{width:19px;height:19px;flex:none;opacity:.85}.app-sidebar .tab:hover,.sidebar-link:hover{background:#ffffff08;color:#fff}.app-sidebar .tab[aria-selected="true"],.sidebar-link[aria-current="page"]{background:#20b5a51c;color:#65e1cc;box-shadow:inset 3px 0 #32c8b1}.sidebar-divider{height:1px;background:#ffffff0c;margin:22px 14px 12px;flex:none}.sidebar-bottom{margin-top:auto;padding-top:42px}.account-shortcut{display:block;width:100%;border:1px solid #ffffff0d;background:#ffffff05;border-radius:12px;padding:12px;color:#e9f1f6;text-align:left;cursor:pointer}.account-shortcut:hover{background:#ffffff0b}.app-sidebar .account-identity{gap:10px}.app-sidebar .profile-avatar{height:38px;width:38px;border-radius:11px;background:#183d50;color:#65e1cc;font-size:14px}.app-sidebar .identity-text strong{font-size:13px;color:#eff6fa;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:145px}.app-sidebar .identity-text #user-email{font-size:10px;color:#8da8bc;max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-sidebar .profile-role{font-size:10px;color:#61c9b7}#sidebar-signout .btn{background:none;border:0;color:#8da8bc;margin-top:9px;font-size:12px;width:100%;justify-content:center;min-height:32px}.sidebar-tagline{font-size:10px;color:#54768d;text-align:center;margin:8px 0 0}.driver-link{display:none}body.mot .driver-link{display:flex}body.mot #role{display:flex}.account-header{padding:0 0 24px;margin:0 0 18px;align-items:center;border-bottom:1px solid var(--line)}.page-intro{flex:1;min-width:0}.page-eyebrow{font-size:10px;font-weight:600;letter-spacing:.14em;color:var(--accent)}#page-title{font-size:29px;font-weight:650;letter-spacing:-1px;margin:7px 0;color:var(--ink)}#page-subtitle{font-size:13px;color:var(--muted);margin:0}.account-header .account-actions{flex-wrap:nowrap;gap:8px}.account-header .theme-toggle{display:grid;place-items:center;width:41px;padding:9px}.account-header .theme-toggle .ic{width:18px;height:18px}.menu-toggle{display:none!important}.sidebar-backdrop{display:none}.account-settings{display:none;margin-top:16px}.account-settings>summary{display:none}.profile-page .account-settings{display:block}.profile-page #sync-status{margin-top:20px}.settings-grid{padding:0}.settings-grid section{min-width:0}.settings-grid h2{display:flex;align-items:center;font-size:16px}.settings-grid label{font-size:13px}.settings-grid .panel{box-shadow:none}.team-row{font-size:12px}.team-row .btn{font-size:11px;padding:7px 10px;min-height:32px}.account-header+.account-settings{animation:arrive .25s ease-out}#workspace>section:not([hidden]){animation:arrive .3s ease-out}.signed-in main>.login-brand{display:none}body:not(.signed-in) main{max-width:520px;padding-top:10vh}body:not(.signed-in) #account>.panel{background:var(--surface);padding:30px;border:1px solid var(--line);box-shadow:var(--shadow)}body:not(.signed-in) #auth-form label{margin-bottom:16px}body:not(.signed-in) #auth-form>.form{margin:20px 0 14px}body:not(.signed-in) #account h2{font-size:25px;letter-spacing:-.7px}body:not(.signed-in) #account p{font-size:13px;line-height:1.6}.signed-in #account>.panel{max-width:none}#invite-notice:empty{display:none}@keyframes arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){body.signed-in main{padding-left:64px;padding-right:64px}.dgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1150px){body.signed-in main{padding:28px 24px 48px;margin-left:234px}.app-sidebar{width:234px;padding-left:12px;padding-right:12px}.kpi{padding:18px}.kpi b{font-size:25px}.kpis{gap:12px}.dgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){body.signed-in main{margin-left:0;padding:22px 20px 40px}.app-sidebar{width:270px;transform:translateX(-100%);transition:transform .25s ease}.sidebar-open .app-sidebar{transform:translateX(0)}.sidebar-open{overflow:hidden}.sidebar-backdrop{display:block;position:fixed;inset:0;background:#04192688;border:0;z-index:40;backdrop-filter:blur(3px)}.menu-toggle{display:grid!important;place-items:center;flex:none;width:40px;padding:10px}.account-header{gap:12px;flex-wrap:wrap;align-items:flex-start;padding-bottom:18px}.page-intro{flex-basis:calc(100% - 60px)}#page-title{font-size:26px;margin-top:5px}.account-header>.account-actions{margin-left:52px}.page-eyebrow{font-size:9px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.role{margin-bottom:18px}.app-sidebar .identity-text #user-email{max-width:175px}.app-sidebar .identity-text strong{max-width:175px}.app-sidebar .tabs{display:flex}.app-sidebar .tab span{display:inline}}@media(max-width:540px){body.signed-in main{padding:20px 16px 40px}#page-subtitle{font-size:12px;line-height:1.5}.dgrid{grid-template-columns:1fr}.kpi{padding:17px 15px}.kpi b{font-size:24px}.panel,.car{padding:17px}.settings-grid{grid-template-columns:1fr}.seg{gap:5px}.seg-b{font-size:12px;padding:7px 11px}.seg-b:last-child{margin-left:0!important}.grid{grid-template-columns:1fr}.form{grid-template-columns:1fr}.profile-avatar{width:40px;height:40px}.kpi span{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.car:hover,.btn:not(:disabled):hover{transform:none}}@media print{.app-sidebar,.account-header,#account,.sidebar-backdrop,#sync-status{display:none!important}body.signed-in main{margin:0;padding:0;background:white}.panel,.car,.kpi{box-shadow:none}body{background:white}.kpis{grid-template-columns:repeat(4,1fr)}}

.auth-brand{margin:0 auto 28px;width:fit-content}.auth-brand h1{display:flex;align-items:center;gap:10px;margin:0;font-size:28px;line-height:1}.auth-brand h1 img{width:34px;height:34px;filter:hue-rotate(-35deg)}.auth-brand h1 b{color:var(--accent)}.signed-in .auth-brand{display:none}