:root{--ink:#122c35;--muted:#647780;--line:#dce5e5;--accent:#ccf077;--dark:#102e35}*{box-sizing:border-box}body{color:var(--ink);background:#f3f6f5;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{background:var(--dark);color:#fff;cursor:pointer;border:0;border-radius:7px;padding:12px 18px;font-weight:600}button:hover{filter:brightness(1.12)}button:disabled{opacity:.5;cursor:wait}input,select{width:100%;color:var(--ink);background:#fff;border:1px solid #bacbce;border-radius:6px;margin-top:8px;padding:11px 12px}input:focus,select:focus,button:focus-visible{outline-offset:2px;outline:2px solid #508c75}label{font-size:13px;font-weight:600;display:block}form>label{margin:18px 0}form>button{width:100%;margin-top:8px}h1{letter-spacing:-1px;margin:8px 0;font-size:34px;font-weight:600}h2{margin:0 0 10px;font-size:20px}h3{font-size:17px}p{line-height:1.6}small{display:block}.eyebrow{letter-spacing:1.8px;color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:700}.wordmark{letter-spacing:1.7px;font-size:13px;font-weight:800}.wordmark span{color:#a2c965;font-size:23px}.auth{grid-template-columns:1.1fr 1fr;min-height:100vh;display:grid}.intro{background:var(--dark);color:#f4f8f3;flex-direction:column;justify-content:center;padding:8vw;display:flex}.intro .eyebrow{color:var(--accent);margin-top:100px}.intro h1{font-size:clamp(42px,5vw,76px);line-height:1.1}.intro>p:not(.eyebrow){color:#b6c8ca;max-width:370px}.road{color:var(--accent);letter-spacing:4px;margin-top:50px}.auth-card{place-self:center;width:100%;max-width:480px;padding:40px}.auth-card h2{font-size:28px}.auth-card p{color:var(--muted)}.text-button{color:inherit;text-align:left;background:0 0;padding:12px 0;font-size:13px}.shell{min-height:100vh;display:flex}aside{background:var(--dark);color:#fff;flex-direction:column;width:245px;padding:32px 22px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-label{color:#8ca6ad;letter-spacing:2px;margin:54px 12px 18px;font-size:10px}nav{flex-direction:column;gap:7px;display:flex}nav button{color:#b7c9ce;text-align:left;background:0 0;padding:14px;font-size:13px}nav button span{width:26px;font-size:18px;display:inline-block}nav .selected{background:var(--accent);color:var(--dark)}.profile{border-top:1px solid #365159;margin-top:auto;padding:24px 12px 0;font-size:13px}.profile small{color:#9cb4bb;text-transform:capitalize;margin:8px 0}.workspace{width:calc(100% - 245px);margin-left:245px;padding:42px 48px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:24px;display:flex}.badge{text-transform:capitalize;border:1px solid #c7d6d6;border-radius:20px;padding:8px 12px;font-size:12px}.subtitle{color:var(--muted);margin:25px 0}.stats{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:32px;display:grid}.stats article{border:1px solid var(--line);background:#fff;border-radius:10px;padding:24px}.stats span{color:var(--muted);font-size:13px}.stats strong{margin:16px 0;font-size:42px;font-weight:500;display:block}.stats small{color:var(--muted);font-size:11px}.panel{border:1px solid var(--line);background:#fff;border-radius:10px;margin-top:28px;overflow:hidden}.panel-title{justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.panel-title p{color:var(--muted);margin:0;font-size:13px}.secondary{color:var(--ink);border:1px solid var(--line);background:#eef3f1;font-size:12px}.danger{color:#a83c2d;background:#fff2ee;font-size:12px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:13px}th{text-align:left;letter-spacing:1px;color:var(--muted);text-transform:uppercase;background:#f6f8f7;padding:17px 24px;font-size:10px}td{border-top:1px solid #edf1ef;padding:19px 24px}.status{text-transform:capitalize;border-radius:20px;padding:5px 9px;font-size:11px;display:inline-block}.available{color:#336444;background:#e9f4e6}.maintenance{color:#8f651d;background:#fff4dc}.inactive{color:#65757c;background:#edf0f2}.empty{text-align:center;color:var(--muted);border-top:1px solid var(--line);padding:55px 24px}.empty h3{color:var(--ink)}.record-form{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f6f9f7;padding:24px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.actions,.row-actions{align-items:center;gap:8px;display:flex}.actions{margin-top:24px}.error{background:#ffebe6;border-radius:6px;padding:12px;font-size:13px;color:#942e20!important}.notice{color:#315d3b;background:#e4f4df;border-radius:6px;padding:12px}.company{padding:24px}.company form{align-items:end;gap:16px;max-width:640px;display:flex}.company label{flex:1}.company form>button{width:auto}.company p{color:var(--muted);font-size:13px}footer{color:#90a09f;letter-spacing:1px;justify-content:space-between;margin-top:50px;font-size:10px;display:flex}footer span{letter-spacing:0}@media (max-width:1000px){.workspace{padding:28px 22px}.stats{grid-template-columns:repeat(2,1fr)}aside{width:205px}.workspace{width:calc(100% - 205px);margin-left:205px}}@media (max-width:700px){.auth{grid-template-columns:1fr}.intro{padding:36px}.intro .eyebrow{margin-top:40px}.road{display:none}.auth-card{padding:32px}.shell{display:block}aside{width:100%;padding:20px;position:static}.sidebar-label{display:none}nav{flex-direction:row;margin-top:20px;overflow-x:auto}nav button{white-space:nowrap;padding:10px}nav button span{display:none}.profile{align-items:center;gap:10px;margin-top:15px;padding:15px 0 0;display:flex}.profile small{margin:0}.profile .text-button{margin-left:auto}.workspace{width:100%;margin-left:0;padding:24px 16px}h1{font-size:27px}.form-grid{grid-template-columns:1fr}.panel-title{align-items:start;padding:20px}.panel-title button{font-size:12px}.company form{display:block}.company form>button{margin-top:15px}footer span,header .badge{display:none}.stats{gap:12px}.stats article{padding:18px}}.company form.password-form{max-width:440px;display:block}.password-form>label{margin:18px 0}.load-actions{flex-wrap:wrap;max-width:300px}.panel>.error,.panel>.notice{margin:12px 24px}.document-panel{border-top:1px solid var(--line);padding:0 24px 24px}.document-panel>p{color:var(--muted);font-size:14px}.document-panel a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.route-panel{border-top:1px solid var(--line);padding:0 24px 24px}.route-panel>p,.route-form>p{color:var(--muted);font-size:14px}.route-form fieldset{border:1px solid var(--line);border-radius:8px;margin:20px 0;padding:16px}.route-form legend{padding:0 8px;font-weight:700}.route-form .actions{flex-wrap:wrap;margin-top:16px}.load-actions{min-width:220px}.route-form textarea{border:1px solid var(--line);width:100%;font:inherit;resize:vertical;color:var(--ink);background:#fff;border-radius:6px;padding:12px}.stop-instructions-field{grid-column:1/-1}.stop-location{white-space:normal;overflow-wrap:anywhere;min-width:210px;max-width:340px}.stop-location strong{margin-bottom:4px;display:block}.stop-instructions{white-space:pre-wrap;color:var(--muted);margin:8px 0 0;font-size:13px}
