:root{color:#172238;background:#f3f6fb;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.login{place-items:center;min-height:100vh;padding:24px;display:grid}.login section{background:#fff;border:1px solid #d8e0ed;border-radius:18px;width:min(430px,100%);padding:34px;box-shadow:0 20px 60px #07102a18}.login span,header span{color:#315bea;letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:800}.login h1,header h1{color:#101a31;margin:7px 0}.login p{color:#66738b;line-height:1.5}.login form{gap:14px;margin-top:22px;display:grid}.login label,.filters label{gap:6px;font-size:13px;font-weight:700;display:grid}.login input,select,textarea{width:100%;font:inherit;background:#fff;border:1px solid #bfcadd;border-radius:9px;padding:11px}.login button,.dashboard button{color:#fff;cursor:pointer;background:#315bea;border:0;border-radius:9px;padding:11px 14px;font-weight:800}.error{color:#96303a}.dashboard{grid-template-columns:minmax(320px,.8fr) minmax(460px,1.2fr);gap:18px;width:min(1240px,100% - 36px);margin:34px auto 70px;display:grid}.dashboard header,.metrics,.filters{grid-column:1/-1}.dashboard header{justify-content:space-between;align-items:center;display:flex}.dashboard header button{background:#34425e}.metrics{background:#fff;border:1px solid #d8e0ed;border-radius:14px;align-items:center;gap:10px;padding:16px;display:flex}.metrics strong{margin-left:13px;font-size:25px}.metrics span{color:#66738b;font-size:12px}.filters{align-items:end;gap:10px;display:flex}.filters label{width:190px}.queue,aside{background:#fff;border:1px solid #d8e0ed;border-radius:14px;padding:16px}.queue{align-self:start;gap:8px;max-height:70vh;display:grid;overflow:auto}.queue button{color:#27354f;text-align:left;background:#f8faff;border:1px solid #e0e6f0;gap:3px;padding:13px;display:grid}.queue button.selected{color:#fff;background:#315bea}.queue small{opacity:.8}.detail-heading{justify-content:space-between;gap:14px;display:flex}.detail-heading select{width:145px;height:42px}.detail-heading h2{margin:4px 0 18px}aside p{line-height:1.55}aside textarea{margin-bottom:9px}.actions{gap:9px;display:flex}.actions button+button{background:#34425e}.version{color:#66738b;font-size:12px}.message{color:#126447;background:#e7f8ef;border-radius:9px;grid-column:1/-1;margin:0;padding:10px}@media (width<=800px){.dashboard{grid-template-columns:1fr}.dashboard header{align-items:flex-start}.metrics{flex-wrap:wrap}}