:root{--navy:#102a43;--blue:#1677b8;--green:#087f5b;--red:#b42318;--line:#d9e2ec;--bg:#f4f7fa;--ink:#172b4d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header{min-height:74px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:14px max(20px,calc((100% - 1100px)/2))}h1{margin:0;font-size:22px}h2{margin:0 0 14px;font-size:19px}header p{margin:4px 0 0;font-size:13px;opacity:.8}main{max-width:1100px;margin:0 auto;padding:24px 18px 60px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;box-shadow:0 1px 2px #102a430d}.auth{max-width:450px;margin:40px auto}.grid{display:grid;gap:16px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}form{display:grid;gap:13px}label{font-weight:650;font-size:14px;display:grid;gap:6px}input,select,textarea,button{font:inherit}input,select,textarea{border:1px solid #aab7c4;border-radius:7px;padding:10px;width:100%;color:var(--ink)}textarea{min-height:76px;resize:vertical}button{background:var(--blue);border:0;border-radius:7px;color:#fff;padding:10px 13px;font-weight:700;cursor:pointer}button:hover{filter:brightness(.94)}button.quiet,button.link{background:transparent;color:var(--blue);padding:7px}header button.quiet{color:#fff;border:1px solid #ffffff66}nav{display:flex;gap:7px;overflow:auto;margin:0 0 18px;padding-bottom:4px}nav button{background:#fff;color:var(--navy);border:1px solid var(--line);white-space:nowrap}nav button.active{background:var(--blue);color:#fff;border-color:var(--blue)}.view{display:none}.view.active{display:block}.hidden{display:none!important}.notice,.message,.panel{border-radius:7px;padding:11px 13px;margin:0 0 16px}.notice{background:#fff4d6;border-left:4px solid #d98b00}.message{min-height:0;color:#075985;background:#e9f5fb}.message:empty{display:none}.panel{background:#f7fafc;border:1px solid var(--line)}.muted{color:#627d98;font-size:14px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.stat{background:#f7fafc;border:1px solid var(--line);border-radius:8px;padding:12px}.stat small{display:block;color:#627d98;text-transform:uppercase;font-size:10px;font-weight:800}.stat strong{display:block;font-size:25px;margin-top:4px}.list{list-style:none;padding:0;margin:0}.list li{border-top:1px solid var(--line);padding:10px 0;font-size:14px}.list li:first-child{border-top:0}footer{border-top:1px solid var(--line);padding:18px;text-align:center;color:#627d98;font-size:12px}@media(max-width:650px){.two{grid-template-columns:1fr}main{padding:16px 12px 48px}}
:root{--workflow-green:#087f5b}.check{display:flex;align-items:flex-start;gap:10px;line-height:1.5}.check input{width:20px;height:20px;flex:0 0 20px;margin:0}.job-card{padding:16px;border:1px solid var(--line);border-radius:10px;margin-bottom:14px}.job-title{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.badge{background:#e9f5fb;border-radius:20px;padding:3px 9px;font-size:12px;font-weight:700}.job-card progress{width:100%;height:16px;accent-color:var(--workflow-green)}.job-card button{margin-top:10px}.clock{font-size:36px;font-variant-numeric:tabular-nums;font-weight:750;color:var(--navy)}.timer-panel{border:1px solid var(--line);padding:12px;border-radius:8px}.secondary{background:#fff;color:var(--blue);border:1px solid var(--blue)}.danger{background:#b42318}button:disabled{opacity:.5;cursor:not-allowed}input[readonly]{background:#f3f6f9}hr{border:0;border-top:1px solid var(--line);margin:22px 0}
.report-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;align-items:end;margin:20px 0}.report-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px;margin:12px 0 24px}.report-table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}.report-table th,.report-table td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--line)}.report-table thead{background:#edf4f8}.report-table tbody th{font-weight:650}.report-table tbody tr:last-child th,.report-table tbody tr:last-child td{border-bottom:0}#reportResults h3{margin-top:26px}#reportResults .stats{margin-top:18px}
/* Keep every section tab reachable as more Admin sections are added. */
nav{flex-wrap:wrap;overflow:visible;align-items:stretch}
nav button{flex:0 0 auto;min-height:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere}
#app{min-width:0}
.dashboard-heading{background:linear-gradient(120deg,#102a43,#16496a);padding:24px;border-radius:12px;min-height:0;gap:18px;flex-wrap:wrap}.dashboard-heading h2{color:#fff;font-size:26px;margin:4px 0 8px}.dashboard-heading p{margin:0}.dashboard-heading .dashboard-eyebrow{font-size:11px;font-weight:800;letter-spacing:1.5px;opacity:.8}.dashboard-panel>.report-filters{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px}.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:18px 0}.dashboard-metric{padding:17px;background:#fff;border:1px solid var(--line);border-top:3px solid #1677b8;border-radius:9px;min-width:0}.dashboard-metric p{margin:0 0 9px;font-size:12px;font-weight:750;color:#526779}.dashboard-metric strong{display:block;font-size:30px;color:#102a43;font-variant-numeric:tabular-nums}.dashboard-metric small{display:block;color:#627d98;font-size:11px;margin-top:8px;line-height:1.5}.dashboard-metric.green{border-top-color:#087f5b}.dashboard-metric.red{border-top-color:#ba4151}.dashboard-metric.gold{border-top-color:#b77913}.dashboard-metric.purple{border-top-color:#6d75a6}.dashboard-charts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.chart-card{min-width:0}.chart-card h3{font-size:17px;margin:0 0 7px}.chart-subtitle{font-size:12px;color:#627d98;line-height:1.5;margin:0 0 18px}.chart-wide{grid-column:1/-1}.donut-layout{display:grid;grid-template-columns:minmax(130px,180px) minmax(0,1fr);align-items:center;gap:16px;min-height:180px}.donut-chart{width:100%;max-width:200px;display:block;margin:auto}.donut-value{font:750 21px system-ui;fill:#102a43}.donut-caption{font:11px system-ui;fill:#627d98}.chart-legend{list-style:none;padding:0;margin:0;display:grid;gap:16px}.chart-legend li{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.4}.chart-legend i,.mini-legend i{display:inline-block;width:10px;height:10px;flex:0 0 10px;border-radius:3px;margin-top:3px}.chart-legend small{display:block;color:#627d98;margin-top:3px}.chart-legend span{overflow-wrap:anywhere}.horizontal-bars{display:grid;gap:16px}.chart-bar-label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:7px;font-size:12px}.chart-bar-label span{overflow-wrap:anywhere}.chart-bar-label b{font-size:12px;white-space:nowrap}.chart-bar-label small{font-size:10px;font-weight:500;color:#627d98;white-space:normal}.chart-bar-track{height:12px;background:#edf2f7;border-radius:6px;overflow:hidden}.chart-bar-track>div{height:100%;border-radius:6px}.stacked-time{display:flex;height:16px;background:#edf2f7;border-radius:5px;overflow:hidden}.stacked-time span{display:block;min-width:0}.mini-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;color:#526779;margin:20px 0 0}.mini-legend span{display:flex;gap:6px;align-items:center}.mini-legend i{margin-top:0}.trend-chart{overflow-x:auto}.trend-chart svg{display:block;width:100%;min-width:540px;height:auto}.axis-label{font:11px system-ui;fill:#627d98}.chart-empty{min-height:180px;display:flex;align-items:center;justify-content:center;text-align:center;color:#627d98;font-size:14px;border:1px dashed #d9e2ec;border-radius:8px;padding:20px}.dashboard-exceptions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin:18px 0}.dashboard-exceptions h3{margin:0 0 7px;font-size:16px}.dashboard-exceptions p{margin:0;font-size:13px;color:#627d98}.dashboard-definitions{margin:18px 0}.dashboard-definitions summary{cursor:pointer;font-size:14px;font-weight:700}.dashboard-definitions p{font-size:13px;line-height:1.7;color:#526779}@media(max-width:850px){.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.dashboard-charts-grid{grid-template-columns:1fr}.chart-wide{grid-column:auto}.dashboard-heading{padding:20px}.dashboard-heading h2{font-size:22px}.donut-layout{grid-template-columns:150px minmax(0,1fr);gap:10px}.chart-bar-label{flex-wrap:wrap;gap:4px}.chart-bar-label b{white-space:normal}}@media(max-width:360px){.donut-layout{grid-template-columns:1fr}}
