:root{--brand:#205142;--brand-deep:#143c31;--brand-soft:#e7f0ec;--accent:#f4c453;--surface-canvas:#f4f6f3;--surface-muted:#f7f9f7;--text-strong:#15231e;--text:#344840;--text-muted:#697b74;--border:#dfe7e2;--border-strong:#c9d7d1;--success:#1c7b50;--danger:#a02d2d;--warning-strong:#9a6412;--focus:#c88600;--shadow-soft:0 8px 28px #1c43350e;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Aptos Display", "Segoe UI", var(--font-sans);font-family:var(--font-sans);color:var(--text);background:var(--surface-canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--surface-canvas);min-width:320px}body{min-width:320px;min-height:100vh;margin:0;font-size:1rem;line-height:1.45}button,input,select,textarea{font:inherit}svg{stroke-width:1.8px;flex:none}.app-shell{background:var(--surface-canvas);min-height:100vh}.loading-page,.login-page{place-items:center;min-height:100vh;padding:1rem;display:grid}.loading-page{color:var(--text-muted);align-content:center}.loading-mark{width:3.25rem;height:3.25rem;color:var(--brand);background:var(--accent);border-radius:1rem;place-items:center;display:grid}.login-page{background:radial-gradient(circle at 15% 12%,#e1eee8 0,#0000 34%),linear-gradient(145deg,#f9faf8,#eaf0ed)}.login-panel{border:1px solid var(--border);background:#fff;border-radius:1.25rem;width:min(100%,27rem);padding:clamp(1.5rem,5vw,2.6rem);box-shadow:0 24px 70px #12362a21}.login-brand{color:var(--text-strong);font-family:var(--font-display);align-items:center;gap:.7rem;margin-bottom:2.5rem;display:flex}.login-brand span{width:2.6rem;height:2.6rem;color:var(--brand);background:var(--accent);border-radius:.8rem;place-items:center;display:grid}.login-panel h1{color:var(--text-strong);font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-size:2rem}.login-intro{color:var(--text-muted);margin:.65rem 0 1.7rem;line-height:1.55}.login-panel form{gap:.5rem;display:grid}.login-panel label,.settings-form label{color:var(--text-strong);margin-top:.6rem;font-size:.9rem;font-weight:750}.login-panel input,.settings-form input{width:100%;min-height:3rem;color:var(--text-strong);border:1px solid var(--border-strong);background:#fff;border-radius:.7rem;padding:.7rem .8rem}.login-panel input:focus,.settings-form input:focus{border-color:var(--focus);outline:3px solid #c8860038}.password-field{position:relative}.password-field input{padding-right:3rem}.password-field button{width:2.5rem;color:var(--text-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;inset:.2rem .25rem .2rem auto}.password-field svg{width:1.15rem}.form-error{color:var(--danger);margin:.55rem 0 0;font-size:.9rem}.login-button,.primary-action{color:#fff;background:var(--brand);cursor:pointer;border:0;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;min-height:3.1rem;font-weight:800;display:flex}.login-button{margin-top:1rem}.login-button:hover,.primary-action:hover{background:var(--brand-deep)}.login-button:disabled,.primary-action:disabled{opacity:.65;cursor:wait}.login-button svg,.primary-action svg{width:1.1rem}.sidebar{z-index:30;color:#fff;background:linear-gradient(175deg,#173f33 0%,#0d2c24 100%);flex-direction:column;width:17.25rem;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:inset 0 0 0 1px #ffffff0a}.brand{border-bottom:1px solid #ffffff1a;align-items:center;gap:.75rem;min-height:5.5rem;padding:1.25rem 1.4rem;display:flex}.brand__mark{color:#173f33;background:var(--accent);border-radius:.9rem;flex:none;place-items:center;width:2.65rem;height:2.65rem;display:grid}.brand strong,.brand small,.user-card strong,.user-card small{display:block}.brand strong{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.05rem}.brand small{color:#b9cec6;margin-top:.12rem;font-size:.8rem}.main-nav{gap:.45rem;padding:1.4rem .9rem;display:grid}.main-nav__item{color:#d6e3de;border:1px solid #0000;border-radius:.75rem;align-items:center;gap:.75rem;min-height:3rem;padding:.72rem .85rem;font-size:.94rem;font-weight:650;text-decoration:none;transition:background .16s,color .16s,transform .16s;display:flex}.main-nav__item:hover{color:#fff;background:#ffffff12;transform:translate(2px)}.main-nav__item svg{width:1.2rem}.main-nav__item--active{color:#173f33;background:#fff;box-shadow:0 8px 24px #00000024}.main-nav__item--active:hover{color:#173f33;background:#fff}.sidebar__footer{border-top:1px solid #ffffff1a;margin-top:auto;padding:.9rem}.user-card{align-items:center;gap:.75rem;padding:.55rem;display:flex}.user-card>span:last-child{min-width:0}.user-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.user-card small{color:#b9cec6;font-size:.78rem}.avatar{color:#173f33;background:#d7e5df;border-radius:50%;flex:none;place-items:center;width:2.35rem;height:2.35rem;font-weight:800;display:grid}.sign-out{color:#d6e3de;cursor:pointer;background:0 0;border:0;border-radius:.65rem;align-items:center;gap:.6rem;width:100%;min-height:2.7rem;margin-top:.25rem;padding:.55rem .65rem;font-size:.88rem;font-weight:700;display:flex}.sign-out:hover{color:#fff;background:#ffffff12}.sign-out:disabled{opacity:.6}.sign-out svg{width:1.1rem}.workspace{min-height:100vh;margin-left:17.25rem}.workspace-bar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd6;justify-content:flex-end;align-items:center;gap:1rem;min-height:4.25rem;padding:.65rem clamp(1.25rem,4vw,3.5rem);display:flex}.workspace-brand{display:none}.connection{background:#fff;border:1px solid;border-radius:.75rem;align-items:center;gap:.65rem;padding:.5rem .7rem;display:flex}.connection svg{width:1.1rem}.connection span,.connection strong,.connection small{display:block}.connection strong{color:var(--text-strong);font-size:.82rem}.connection small{color:var(--text-muted);font-size:.75rem}.connection--online{color:var(--success);border-color:#cfe4d9}.connection--offline{color:var(--warning-strong);background:#fff9ed;border-color:#efd49d}.main-content{width:min(100%,90rem);margin:0 auto;padding:2.2rem clamp(1.25rem,4vw,3.5rem) 4rem}.page-stack{gap:1.4rem;display:grid}.page-heading{justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.page-heading h1{color:var(--text-strong);font-family:var(--font-display);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,4vw,3.1rem);line-height:1.05}.page-heading>div>p:last-child{max-width:48rem;color:var(--text-muted);margin:.65rem 0 0;line-height:1.55}.page-heading--welcome{align-items:center}.page-icon{width:3.5rem;height:3.5rem;color:var(--brand);border:1px solid var(--border);box-shadow:var(--shadow-soft);background:#fff;border-radius:1rem;flex:none;place-items:center;display:grid}.eyebrow{color:var(--text-muted);letter-spacing:.09em;text-transform:uppercase;margin:0 0 .28rem;font-size:.78rem;font-weight:850}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.metric-grid--driver{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{border:1px solid var(--border);min-height:7rem;box-shadow:var(--shadow-soft);background:#fff;border-radius:1rem;align-items:center;gap:1rem;padding:1.2rem;display:flex}.metric-card>span{width:2.8rem;height:2.8rem;color:var(--brand);background:var(--brand-soft);border-radius:.8rem;flex:none;place-items:center;display:grid}.metric-card small,.metric-card strong{display:block}.metric-card small{color:var(--text-muted);margin-bottom:.2rem;font-size:.82rem}.metric-card strong{color:var(--text-strong);font-family:var(--font-display);font-size:1.65rem}.metric-card--featured{color:#fff;border-color:var(--brand);background:var(--brand)}.metric-card--featured>span{color:var(--brand);background:var(--accent)}.metric-card--featured small{color:#c9ded5}.metric-card--featured strong{color:#fff}.home-grid{grid-template-columns:minmax(0,1.45fr) minmax(18rem,.75fr);gap:1rem;display:grid}.content-card{border:1px solid var(--border);box-shadow:var(--shadow-soft);background:#fff;border-radius:1rem;padding:1.35rem}.card-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.card-heading h2,.content-card h2{color:var(--text-strong);font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.35rem}.card-heading>svg{color:var(--brand)}.value-list{grid-template-columns:repeat(3,1fr);gap:.7rem;margin:0;display:grid}.value-list div{background:var(--surface-muted);border-radius:.75rem;padding:.8rem}.value-list dt{color:var(--text-muted);font-size:.8rem}.value-list dd{color:var(--text-strong);margin:.2rem 0 0;font-weight:800}.text-link{color:var(--brand);align-items:center;gap:.4rem;margin-top:1rem;font-size:.9rem;font-weight:800;text-decoration:none;display:inline-flex}.text-link svg{width:1rem;transition:transform .15s}.text-link:hover svg{transform:translate(3px)}.next-step-card{color:#fff;background:linear-gradient(145deg,#d69a20,#a6670d);border:0;position:relative;overflow:hidden}.next-step-card:after{content:"";border:1.5rem solid #ffffff1a;border-radius:50%;width:9rem;height:9rem;position:absolute;bottom:-3.5rem;right:-2rem}.next-step-card .eyebrow{color:#fff0c4}.next-step-card h2{color:#fff}.next-step-card>p:last-child{z-index:1;margin:.7rem 0 0;line-height:1.6;position:relative}.empty-inline{color:var(--text-muted);border:1px dashed var(--border-strong);background:var(--surface-muted);border-radius:.8rem;align-items:center;gap:.8rem;padding:1rem;display:flex}.empty-inline svg{width:1.4rem;color:var(--brand)}.empty-inline p{margin:0;line-height:1.5}.empty-route{text-align:center;align-content:center;place-items:center;min-height:18rem;display:grid}.empty-route>span{width:4rem;height:4rem;color:var(--brand);background:var(--brand-soft);border-radius:1.2rem;place-items:center;display:grid}.empty-route h2{margin-top:1rem}.empty-route p{max-width:28rem;color:var(--text-muted);margin:.5rem 0 0;line-height:1.55}.settings-layout{grid-template-columns:minmax(0,1.4fr) minmax(17rem,.7fr);align-items:start;gap:1rem;display:grid}.settings-form{gap:.45rem;display:grid}.money-input{position:relative}.money-input>span{color:var(--text-muted);position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.money-input input{padding-left:2rem}.form-help{color:var(--text-muted);margin:.45rem 0;font-size:.82rem}.primary-action{width:fit-content;min-width:13rem;margin-top:.45rem;padding:.65rem 1rem}.current-settings{color:#fff;background:linear-gradient(160deg,#205142,#12392e);border:0}.current-settings .eyebrow{color:#bcd4cb}.current-settings>span{color:#d9e8e2;font-size:.85rem;display:block}.current-price{color:#fff;font-family:var(--font-display);letter-spacing:-.04em;margin:.3rem 0;font-size:2.35rem;display:block}.current-settings>small{color:#bcd4cb;margin-top:1rem;line-height:1.5;display:block}.value-list--compact{grid-template-columns:1fr 1fr;margin-top:1.2rem}.value-list--compact div{background:#ffffff17}.value-list--compact dt{color:#bcd4cb}.value-list--compact dd{color:#fff}.current-settings .empty-inline{color:#d9e8e2;background:#ffffff0f;border-color:#fff3}.current-settings .empty-inline svg{color:var(--accent)}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:.85rem .7rem}th{color:var(--text-muted);letter-spacing:.03em;text-transform:uppercase;font-size:.78rem}tbody tr:last-child td{border-bottom:0}.empty-table{color:var(--text-muted);margin:0;padding:1rem 0}.role-badge{width:fit-content;color:var(--brand);background:var(--brand-soft);white-space:nowrap;border:1px solid #c9ded5;border-radius:999px;align-items:center;gap:.35rem;padding:.42rem .65rem;font-size:.78rem;font-weight:800;display:inline-flex}.role-badge svg{width:.95rem}.role-badge--driver{color:#76500c;background:#fff5dd;border-color:#ead39d}.user-grid{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1rem;display:grid}.user-profile{flex-direction:column;display:flex}.user-profile__top{justify-content:space-between;align-items:flex-start;display:flex}.profile-avatar{color:#fff;background:var(--brand);border-radius:1rem;place-items:center;width:3.2rem;height:3.2rem;font-size:1.2rem;font-weight:850;display:grid}.user-profile h2{margin-top:1rem}.username{color:var(--text-muted);margin:.25rem 0 .8rem;font-size:.88rem}.status-pill{vertical-align:middle;border-radius:999px;margin-left:.3rem;padding:.25rem .5rem;font-size:.72rem;font-weight:800;display:inline-flex}.status-pill--active{color:#14633e;background:#daf1e5}.status-pill--inactive{color:#8d2929;background:#f8dede}.user-details{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:1.1rem 0;padding:.8rem 0}.user-details dt{color:var(--text-muted);font-size:.78rem}.user-details dd{color:var(--text-strong);margin:.25rem 0 0;font-size:.88rem}.status-action{cursor:pointer;background:#fff;border:1px solid;border-radius:.7rem;justify-content:center;align-items:center;gap:.5rem;min-height:2.8rem;margin-top:auto;padding:.6rem .8rem;font-weight:750;display:flex}.status-action svg{width:1rem}.status-action--disable{color:var(--danger);border-color:#e8bcbc}.status-action--enable{color:var(--success);border-color:#b9ddca}.status-action:disabled{color:var(--text-muted);border-color:var(--border);background:var(--surface-muted);cursor:not-allowed}.self-note{color:var(--text-muted);justify-content:center;align-items:center;gap:.35rem;margin-top:.5rem;display:flex}.self-note svg{width:.9rem}.audit-list{gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.audit-entry{grid-template-columns:auto minmax(0,1fr);gap:1rem;display:grid}.audit-entry__mark{width:2.5rem;height:2.5rem;color:var(--brand);background:var(--brand-soft);border-radius:.8rem;place-items:center;display:grid}.audit-entry__mark svg{width:1.15rem}.audit-entry__heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.audit-entry__heading h2{font-size:1.05rem}.audit-entry__heading time{color:var(--text-muted);white-space:nowrap;font-size:.8rem}.audit-entry p{color:var(--text-muted);margin:.35rem 0 .8rem;font-size:.85rem}.change-list{flex-wrap:wrap;gap:.5rem;display:flex}.change-list div{background:var(--surface-muted);border-radius:.55rem;grid-template-columns:auto auto auto;align-items:center;gap:.45rem;padding:.45rem .6rem;font-size:.78rem;display:grid}.change-list span{color:var(--text-muted);font-weight:700}.change-list del{color:#9b5e5e}.change-list del:after{color:var(--text-muted);content:"→";margin-left:.45rem;text-decoration:none}.change-list strong{color:var(--text-strong)}.notice{border:1px solid;border-radius:.7rem;padding:.75rem .9rem;font-size:.9rem;line-height:1.45}.notice--error{color:#852828;background:#fff1f1;border-color:#e9bdbd}.notice--success{color:#155f3c;background:#effaf4;border-color:#b9ddca}.loading-card{color:var(--text-muted)}.skeleton-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.skeleton-grid span{background:linear-gradient(100deg,#e9eeeb 30%,#f5f7f6 50%,#e9eeeb 70%) 0 0/300% 100%;border-radius:1rem;min-height:7rem;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-150% 0}}.icon-button{width:2.6rem;height:2.6rem;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:.7rem;justify-content:center;align-items:center;display:inline-flex}.icon-button svg{width:1.3rem}.mobile-menu,.sidebar__close,.mobile-nav,.scrim{display:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media (width<=900px){.sidebar{transition:transform .2s;transform:translate(-102%)}.sidebar--open{transform:translate(0)}.sidebar__close{margin-left:auto;display:inline-flex}.scrim{z-index:20;background:#0918138c;border:0;display:block;position:fixed;inset:0}.workspace{margin-left:0}.workspace-bar{justify-content:space-between;padding:.65rem 1rem}.workspace-brand{color:var(--brand);font-family:var(--font-display);align-items:center;gap:.4rem;font-size:.95rem;font-weight:800;display:flex}.workspace-brand svg{width:1.15rem}.mobile-menu{color:var(--brand);border:1px solid var(--border);background:#fff;flex:none;display:inline-flex}.main-content{padding:1.5rem 1rem 6.5rem}.mobile-nav{z-index:15;min-height:4.7rem;padding:.4rem max(.5rem, env(safe-area-inset-left)) max(.4rem, env(safe-area-inset-bottom));border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;grid-template-columns:repeat(auto-fit,minmax(4.5rem,1fr));display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -10px 30px #16342a17}.mobile-nav a{min-width:0;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.1rem;font-size:.68rem;font-weight:700;text-decoration:none;display:flex}.mobile-nav svg{width:1.2rem}.mobile-nav__active{color:var(--brand)!important}.home-grid,.settings-layout{grid-template-columns:1fr}}@media (width<=650px){.connection{padding:.55rem}.connection span{display:none}.page-heading{gap:1rem}.page-heading h1{font-size:2rem}.page-icon{width:2.8rem;height:2.8rem}.page-heading--welcome{display:block}.page-heading--welcome .role-badge{margin-top:1rem}.metric-grid,.metric-grid--driver,.skeleton-grid{grid-template-columns:1fr;gap:.7rem}.metric-card{min-height:5.5rem}.value-list{grid-template-columns:1fr}.value-list--compact{grid-template-columns:1fr 1fr}.primary-action{width:100%}.audit-entry{grid-template-columns:1fr}.audit-entry__heading{display:block}.audit-entry__heading time{margin-top:.3rem;display:block}.change-list{display:grid}.change-list div{grid-template-columns:1fr auto auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}