:root{
  --blue-950:#061d3a;--blue-900:#082b54;--blue-800:#0a3c78;--blue-700:#0757b8;
  --blue-600:#0875e1;--blue-100:#dcecff;--blue-50:#f2f7fd;--white:#fff;
  --ink:#10243e;--muted:#52677f;--line:#d4e0ed;--green:#087a55;--amber:#9a5a00;
  --red:#b42318;--shadow:0 8px 24px rgba(8,43,84,.08)
}
*{box-sizing:border-box}html{background:var(--blue-50)}body{margin:0;background:var(--blue-50);color:var(--ink);font:15px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--blue-700)}
header{min-height:76px;background:var(--white);color:var(--ink);display:flex;align-items:center;gap:22px;padding:10px clamp(18px,4vw,56px);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);box-shadow:0 3px 14px rgba(8,43,84,.06)}header a{color:var(--blue-900);text-decoration:none;font-weight:700}header nav{display:flex;align-items:center;gap:5px}header nav a{padding:9px 11px;border-radius:7px;font-size:13px}header nav a:hover{background:var(--blue-50);color:var(--blue-600)}header select{background:var(--white);color:var(--ink);border:1px solid #aebfd1;max-width:190px}.brand{margin-right:auto}.signed-in-user{color:var(--muted);font-size:13px;white-space:nowrap}
main{max-width:1240px;margin:auto;padding:38px 28px 80px}.hero{padding:54px 4px 40px;max-width:860px}.hero.compact{padding-top:25px;padding-bottom:27px}.hero h1,.login h1{font:750 clamp(38px,5vw,64px)/1.08 Inter,ui-sans-serif,system-ui,sans-serif;margin:8px 0 15px;letter-spacing:-2.2px;color:var(--blue-950)}.hero.compact h1{font-size:clamp(34px,4vw,48px)}.hero>p:not(.eyebrow),.login>p{font-size:18px;line-height:1.65;color:var(--muted);max-width:720px}.eyebrow{font-size:11px;font-weight:850;letter-spacing:1.8px;color:var(--blue-700);margin-bottom:4px}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.metrics article,.panel,.manual-card{background:var(--white);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.metrics article{padding:22px;border-top:4px solid var(--blue-600)}.metrics span,.metrics small{display:block;color:var(--muted)}.metrics span{font-size:13px;font-weight:700}.metrics strong{display:block;font-size:34px;line-height:1.2;margin:10px 0;color:var(--blue-950)}.metrics small{font-size:12px}.bad,.risk-high{color:var(--red)!important}.risk-moderate{color:var(--amber);font-weight:800}.risk-low{color:var(--green);font-weight:800}
.panel{padding:26px;margin:18px 0;overflow:auto}.panel h2,.panel h3{color:var(--blue-950)}.panel h3{font-size:17px;margin-top:0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-head h2,.panel h2{margin:0 0 16px}.section-head .eyebrow{margin:0}.button,button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--blue-700);border-radius:7px;background:var(--blue-700);color:var(--white);padding:10px 16px;text-decoration:none;font:inherit;font-size:13px;font-weight:800;cursor:pointer;transition:.15s ease}.button:hover,button:hover{background:var(--blue-800);border-color:var(--blue-800)}.button.ghost{background:var(--white);color:var(--blue-700)}button.danger{background:#fff2f0;color:var(--red);border-color:#f1b4ae;padding:7px 11px}
table{width:100%;border-collapse:collapse;background:var(--white)}th,td{text-align:left;border-bottom:1px solid var(--line);padding:14px 12px;color:var(--ink)}th{font-size:11px;letter-spacing:.9px;color:#40566f;text-transform:uppercase;background:#f6f9fc}tbody tr:hover{background:#f8fbff}.pill,.source-label{display:inline-block;border-radius:20px;background:var(--blue-100);color:var(--blue-800);padding:4px 10px;font-size:10px;font-weight:850;letter-spacing:.3px;text-transform:uppercase}
.filters{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin:13px 0 24px}.filters label,.settings-grid label{display:grid;gap:6px;color:#304862;font-size:13px;font-weight:750}.filters input,.filters select,select,input{min-width:155px;padding:10px 11px;border:1px solid #adbed0;border-radius:7px;background:var(--white);color:var(--ink);font:inherit}input:focus,select:focus{outline:3px solid #cfe5ff;border-color:var(--blue-600)}label small{color:var(--muted);font-weight:400;line-height:1.35}.settings-panel{max-width:940px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px;margin-bottom:26px}
.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.chart-grid canvas{max-height:290px}.legend{font-size:12px;color:var(--muted);margin-top:10px}.legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin:0 5px 0 14px}.official{background:var(--blue-700)}.projected{background:#e69b22}
.alert{border-radius:9px;padding:17px 20px;margin:0 0 12px;display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid;border-left-width:5px;background:var(--white)}.alert p{margin:3px 0;color:#314962}.alert.warning{border-color:#e7b45c;background:#fffaf0}.alert.critical{border-color:#e48b84;background:#fff6f5}.alert a{font-weight:800;color:var(--blue-800)}
.manual-list{display:grid;gap:14px}.manual-card{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px}.manual-card h3{font-size:20px;color:var(--blue-950);margin:8px 0 4px}.company-grid,.users{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:15px;margin-top:28px}.company-card,.user-card{width:100%;height:130px;text-align:left;background:var(--white);color:var(--ink);border:1px solid var(--line);border-left:5px solid var(--blue-600);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;box-shadow:var(--shadow)}.company-card:hover,.user-card:hover{background:#f8fbff;border-color:var(--blue-600);transform:translateY(-2px)}.user-card span,.user-card small{color:var(--muted)}.login{max-width:900px;margin:7vh auto;padding:36px}.login h1{max-width:650px}.simulator{border-top:4px solid var(--blue-600)}
@media(max-width:1050px){header nav{display:none}.metrics{grid-template-columns:1fr 1fr}}@media(max-width:760px){main{padding:22px 15px 60px}.hero{padding-top:30px}.hero h1{font-size:39px}.metrics,.chart-grid,.settings-grid{grid-template-columns:1fr}.manual-card,.section-head,.alert{align-items:flex-start;flex-direction:column}.signed-in-user{display:none}header{gap:10px}header select{min-width:120px;max-width:145px}}
html[data-theme="dark"]{--blue-50:#07182c;--white:#0d2540;--ink:#eef6ff;--muted:#b7c9dc;--line:#294965;--blue-950:#f4f9ff;--blue-900:#dcecff;--blue-800:#9ccaff;--blue-700:#6db1ff;--blue-100:#173c61}html[data-theme="dark"] header{background:#081b30}html[data-theme="dark"] th{background:#102d4b;color:#d5e5f5}html[data-theme="dark"] tbody tr:hover{background:#102d4b}html[data-theme="dark"] input,html[data-theme="dark"] select{background:#0a213a;color:#eef6ff;border-color:#466783}@media(prefers-color-scheme:dark){html[data-theme="system"]{--blue-50:#07182c;--white:#0d2540;--ink:#eef6ff;--muted:#b7c9dc;--line:#294965;--blue-950:#f4f9ff;--blue-900:#dcecff;--blue-800:#9ccaff;--blue-700:#6db1ff;--blue-100:#173c61}html[data-theme="system"] header{background:#081b30}html[data-theme="system"] th{background:#102d4b;color:#d5e5f5}html[data-theme="system"] tbody tr:hover{background:#102d4b}html[data-theme="system"] input,html[data-theme="system"] select{background:#0a213a;color:#eef6ff;border-color:#466783}}
html[data-compact="1"] th,html[data-compact="1"] td{padding:8px 9px;font-size:12px}
.watchlist-inspection-list{max-height:72vh;overflow:auto;padding-right:.4rem;scrollbar-gutter:stable}
.watchlist-inspection-list .inspection-card{margin-bottom:1rem}
.accident-add-panel .accident-form>.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;align-items:start}
.accident-add-panel .inspection-violations-fieldset{grid-column:1/-1}
.accident-add-panel .accident-form>button{margin-top:1rem}
.dataqs-candidate-search{width:min(100%,42rem);margin:0 0 1rem;padding:.75rem 1rem}
.combined-verification-workflow{margin-top:1rem}
#smsImportSummaryDialog{width:min(960px,94vw);max-height:88vh;overflow:auto}
.fmcsa-basic-history table{font-variant-numeric:tabular-nums}
.fmcsa-basic-history tbody tr:nth-child(even){background:color-mix(in srgb,currentColor 4%,transparent)}
.fmcsa-basic-history td:nth-child(2){font-weight:700}
.fmcsa-basic-history td:nth-child(3),.fmcsa-basic-history td:nth-child(4){font-size:1.05rem}
.notification-bell{position:relative}
.notification-bell-button{position:relative;font-size:1.2rem;min-width:2.8rem}
.notification-badge{position:absolute;top:-.3rem;right:-.35rem;display:grid;place-items:center;min-width:1.25rem;height:1.25rem;padding:0 .25rem;border-radius:999px;background:#dc2626;color:#fff;font-size:.7rem;line-height:1}
.notification-menu{width:min(440px,92vw);max-height:70vh;overflow:auto;padding:.75rem}
.notification-list{display:grid;gap:.65rem;margin-top:.5rem}
.notification-item{display:grid;gap:.55rem;padding:.8rem;border:1px solid var(--line);border-left:4px solid #f59e0b;border-radius:.65rem;background:var(--panel)}
.notification-item.critical{border-left-color:#dc2626}
.notification-item p{margin:.2rem 0;white-space:normal}
.notification-item .alert-actions{display:flex;flex-wrap:wrap;gap:.4rem}
.notification-item .alert-actions form{margin:0}
.notification-empty{padding:.75rem;margin:0;color:var(--muted)}