:root{--ink:#172c40;--muted:#617487;--purple:#135d81;--purple-light:#e8f2f8;--green:#137365;--border:#dde5eb;--bg:#f3f6f9;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}
.topbar{height:76px;padding:12px 28px}.topbar .brand strong{letter-spacing:-.5px;font-size:20px}.layout{grid-template-columns:232px minmax(0,1fr)}nav{background:#102f43;border:0;padding:14px 12px}nav button{color:#c1d3df;font-size:13px;min-height:38px;padding:8px 12px;margin:2px 0}nav button:hover{background:#21485f;color:#fff}nav button.active{background:#e1f1fa;color:#124d6a}nav .nav-label{color:#88a8bc;font-size:9px;margin:18px 12px 7px}.nav-group{margin-bottom:4px}.workspace{padding:28px!important}h1{font-size:28px}h2{font-size:19px;letter-spacing:-.3px}.card{border-radius:12px;box-shadow:none}.footer{font-size:11px;color:#7c8d9a}.eyebrow{display:block;font-size:10px;font-weight:750;letter-spacing:1.6px;color:#58778d;margin-bottom:9px}.welcome-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#e6eff5;border:1px solid #d8e5ee;padding:26px 28px;border-radius:12px}.welcome-panel h2{font-size:26px;margin-bottom:8px}.welcome-panel p{margin:0;color:#426179}.welcome-date{text-align:right;font-size:14px;font-weight:600}.welcome-date small{display:block;margin-top:6px}.stats{gap:16px}.stat{border-radius:10px;border-top:3px solid #427d9c}.stat b{font-size:30px;color:#1a425c}.stat[aria-pressed=true]{background:#e8f2f8;border-color:#508caf}.quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.quick-link{text-align:left;background:#fff;color:var(--ink);border:1px solid var(--border);padding:20px}.quick-link strong{display:block;font-size:16px;margin-bottom:9px}.quick-link strong span{float:right;color:#347a9e}.quick-link small{display:block;font-size:13px}.setup{margin-top:20px}.setup h2{margin-bottom:8px}.setup-steps{display:flex;flex-wrap:wrap;gap:14px}.setup-steps>div{display:flex;align-items:center;gap:6px}.job-queue{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff}.queue-header,.queue-row{display:grid;grid-template-columns:1.15fr 1.5fr 1fr 1fr .8fr 110px;gap:16px;align-items:center;padding:16px 20px}.queue-header{background:#eaf0f5;font-size:10px;text-transform:uppercase;letter-spacing:.8px;font-weight:700;color:#577082}.queue-row{border-top:1px solid #e8edf1;font-size:13px}.queue-row:hover{background:#fafcfd}.queue-row>div{min-width:0;overflow-wrap:anywhere}.queue-row strong{display:block;font-weight:650}.queue-row small{display:block;font-size:12px;margin-top:5px}.queue-row .badge{font-size:9px;padding:4px 6px;margin-right:0}.mobile-label{display:none}.toolbar select{max-width:190px;margin:0}.record-banner{display:flex;align-items:center;justify-content:space-between;background:#e6eff5;border-radius:12px;padding:22px}.record-banner h2{margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.optional-fields{border:1px solid var(--border);border-radius:8px;padding:15px;margin-top:18px}.optional-fields summary{cursor:pointer;color:var(--purple);font-weight:600}dialog{max-width:760px}.keyvalues>div{overflow-wrap:anywhere}button:focus-visible{outline:3px solid #e4b94b;outline-offset:2px}
@media(min-width:1100px){nav{position:sticky;top:76px;height:calc(100vh - 76px);overflow:auto}.two-col{grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr)}}
@media(max-width:1100px){.queue-header{display:none}.queue-row{grid-template-columns:1fr 1.4fr 1fr}.queue-row>div:nth-child(6){text-align:right}.mobile-label{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}}
@media(max-width:760px){.topbar{padding:10px 14px;height:auto;min-height:70px}.topbar .brand strong{font-size:16px}.layout{display:block}nav{display:flex;overflow-x:auto;padding:8px;gap:12px}.nav-group{display:flex;flex-shrink:0;margin:0;gap:4px}nav .nav-label{display:none}nav button{width:auto;white-space:nowrap;font-size:12px;min-height:42px}.workspace{padding:18px!important}.welcome-panel{padding:20px;align-items:flex-start}.welcome-date{display:none}.welcome-panel h2{font-size:23px}.stats{grid-template-columns:repeat(2,1fr)}.queue-row{grid-template-columns:1fr 1fr;padding:16px;gap:12px}.queue-row>div:nth-child(2){grid-column:2}.queue-row>div:nth-child(6){text-align:left}.form-grid{grid-template-columns:1fr}.heading{flex-wrap:wrap}.quick-links{grid-template-columns:1fr}.toolbar select{max-width:100%}.record-banner{padding:16px}.setup-steps{display:grid}.topbar>.brand{max-width:45%}.topbar strong{font-size:13px}.topbar small{font-size:10px}}