:root{color:#171a24;font-synthesis:none;text-rendering:optimizelegibility;letter-spacing:0;--blue:#0029cc;--cyan:#00a8e8;--ink:#171a24;--muted:#5d6472;--line:#dfe3ea;--surface:#fff;background:#f4f6f9;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit;letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #00a8e880}.workspace{background:#f4f6f9;min-height:100vh}.topbar{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:12px clamp(20px,5vw,72px);display:flex}.brand{color:var(--ink);align-items:center;gap:14px;font-size:21px;font-weight:750;text-decoration:none;display:flex}.brand img{object-fit:contain;object-position:left center;width:148px;height:38px}.brand span{border-left:1px solid var(--line);padding-left:14px}.secondary-button{color:var(--blue);background:#fff;border:1px solid #bdc8ee;border-radius:6px;align-items:center;padding:10px 14px;font-weight:650;text-decoration:none;display:inline-flex}.primary-button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:5px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:11px 17px;font-weight:750;display:inline-flex}.primary-button:hover{background:#001fa3}.staff-layout{grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - 72px);display:grid}.staff-layout aside{color:#fff;background:#12182a;padding:28px 20px}.staff-layout aside>strong{text-transform:uppercase;color:#aeb8d0;padding:0 10px 18px;font-size:13px;display:block}.staff-layout nav{gap:4px;display:grid}.staff-layout nav button{color:#d8dfef;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:11px 10px}.staff-layout nav button.active{color:#fff;background:#253150;font-weight:750}.staff-layout main{min-width:0;padding:38px clamp(24px,5vw,64px);overflow:auto}.queue-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px;display:flex}.eyebrow{color:var(--blue);text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:800}h1{color:var(--ink);margin:0;font-size:34px;line-height:1.15}.filter-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:minmax(240px,1fr) 190px 170px;gap:14px;padding:18px 0 22px;display:grid}.filter-row label{color:#343a48;gap:6px;font-size:14px;font-weight:700;display:grid}.filter-row input,.filter-row select{width:100%;min-height:44px;color:var(--ink);background:#fff;border:1px solid #c7ccd6;border-radius:5px;padding:9px 11px}.empty-state{text-align:center;min-height:320px;color:var(--muted);place-content:center;justify-items:center;display:grid}.empty-state svg{color:var(--cyan)}.empty-state h2{color:var(--ink);margin:16px 0 6px;font-size:20px}.empty-state p{margin:0}@media (width<=800px){.topbar{padding:12px 18px}.brand img{width:116px}.brand span{font-size:18px}.secondary-button{font-size:13px}.staff-layout{grid-template-columns:1fr}.staff-layout aside{padding:10px 14px;overflow-x:auto}.staff-layout aside>strong{display:none}.staff-layout nav{width:max-content;display:flex}.staff-layout main{padding:28px 18px}.filter-row{grid-template-columns:1fr}}@media (width<=520px){.topbar,.queue-heading{flex-direction:column;align-items:flex-start}}