:root { color-scheme: dark; --bg:#0b0e12; --panel:#141920; --line:#2a323d; --muted:#9aa6b2; --text:#f4f7f9; --green:#32d17d; --yellow:#f5c451; --red:#ff5f65; --blue:#4ea1ff; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--text); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; letter-spacing:0; }
header { min-height:72px; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; padding:0 28px; background:#0f1318; }
.brand { display:flex; align-items:center; gap:12px; }
.mark { display:grid; place-items:center; width:38px; height:38px; background:var(--green); color:#06110b; font-weight:900; border-radius:6px; }
.brand strong,.brand small { display:block; }.brand small { color:var(--muted); margin-top:2px; }
.status-dot { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:14px; }.status-dot span { width:9px; height:9px; border-radius:50%; background:var(--red); }.status-dot.verified span { background:var(--green); }
main { width:min(1280px,calc(100% - 40px)); margin:42px auto; }
h1,h2,p { margin-top:0; } h1 { font-size:32px; margin-bottom:10px; } h2 { font-size:18px; }
.eyebrow { color:var(--green); font-size:12px; font-weight:800; text-transform:uppercase; }
.auth-panel { width:min(520px,100%); margin:12vh auto 0; padding:32px; border:1px solid var(--line); background:var(--panel); border-radius:8px; }
.auth-panel > p:not(.eyebrow) { color:var(--muted); line-height:1.6; }
button,input { font:inherit; } button { cursor:pointer; }
.primary { border:0; border-radius:5px; background:var(--green); color:#06110b; font-weight:800; min-height:44px; padding:0 18px; }
.primary:hover { filter:brightness(1.08); }
.pin-row { display:grid; grid-template-columns:1fr auto; gap:10px; margin-top:7px; }
label { display:grid; gap:7px; color:#d8dee4; font-size:14px; font-weight:650; }
input { width:100%; min-height:44px; border:1px solid #3b4654; background:#0d1116; color:var(--text); border-radius:5px; padding:9px 11px; outline:none; }
input:focus { border-color:var(--blue); box-shadow:0 0 0 3px #4ea1ff22; }
label small,.submit-row p,.message,.job small { color:var(--muted); font-weight:400; }
.message { margin:16px 0 0; min-height:22px; }
.page-title { display:flex; align-items:end; justify-content:space-between; margin-bottom:24px; }.secure-note { color:var(--muted); border:1px solid var(--line); padding:8px 10px; border-radius:4px; }
.telemetry { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid var(--line); background:#10151b; margin-bottom:20px; }
.telemetry > div { position:relative; display:grid; gap:4px; min-height:76px; align-content:center; padding:14px 16px; border-right:1px solid var(--line); }
.telemetry > div:last-child { border-right:0; }.telemetry small { color:var(--muted); }.telemetry strong { font-size:14px; }
.signal { position:absolute; right:14px; top:14px; width:9px; height:9px; border-radius:50%; }.signal.online { background:var(--green); box-shadow:0 0 0 4px #32d17d18; }.signal.offline { background:var(--red); box-shadow:0 0 0 4px #ff5f6518; }
.layout { display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:20px; align-items:start; }
.work-panel,.queue-panel { border:1px solid var(--line); background:var(--panel); border-radius:7px; }
fieldset { border:0; margin:0; padding:24px; border-bottom:1px solid var(--line); } legend { padding:0; font-weight:800; font-size:17px; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:18px; }
.check-list { display:grid; gap:3px; margin-top:14px; }.check-list label { grid-template-columns:22px 1fr; align-items:center; min-height:42px; border-bottom:1px solid #242b34; }.check-list input { width:18px; min-height:18px; accent-color:var(--green); }
.submit-row { display:flex; gap:20px; align-items:center; justify-content:space-between; padding:20px 24px; }.submit-row p { margin:0; max-width:420px; line-height:1.5; }
#job-message { padding:0 24px 16px; }
.queue-panel { padding:20px; }.panel-heading { display:flex; justify-content:space-between; align-items:center; }.panel-heading h2 { margin:0; }
.icon { width:34px; height:34px; border:1px solid var(--line); background:#0e1318; color:var(--text); border-radius:4px; font-size:18px; }
.jobs { display:grid; gap:10px; margin-top:16px; }.job { border:1px solid var(--line); padding:14px; border-radius:5px; background:#0e1318; }.job-top { display:flex; align-items:center; justify-content:space-between; }.job p { margin:10px 0; color:#cbd3da; }.job small { display:block; }.pill { font-size:11px; text-transform:uppercase; font-weight:800; color:#07110c; background:var(--yellow); padding:4px 7px; border-radius:999px; }.pill.passed { background:var(--green); }.pill.hold,.pill.needs-zach { background:var(--red); }.action { border-left:3px solid var(--yellow); padding:8px 10px; margin:10px 0; background:#211d12; font-size:13px; }.empty { color:var(--muted); }
.progress { height:5px; margin-top:12px; background:#242b34; overflow:hidden; }.progress span { display:block; height:100%; background:var(--blue); transition:width .3s ease; }
.job-meta { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:12px 0; }.job-meta div:first-child { grid-column:1/-1; }.job-meta dt { color:var(--muted); font-size:10px; text-transform:uppercase; }.job-meta dd { margin:2px 0 0; font-size:12px; overflow-wrap:anywhere; }
.timeline { margin:12px 0 0; padding:10px 0 0; border-top:1px solid var(--line); list-style:none; }.timeline li { display:grid; grid-template-columns:64px 1fr; gap:8px; padding:4px 0; font-size:11px; }.timeline time { color:var(--muted); }
.resume-form { display:grid; grid-template-columns:1fr auto; gap:8px; align-items:end; padding:10px; margin:10px 0; border:1px solid #ff5f6555; background:#241417; }.resume-form .primary { min-height:44px; }
@media (max-width:860px) { main { width:min(100% - 24px,720px); margin:24px auto; }.layout { grid-template-columns:1fr; }.queue-panel { order:-1; }.form-grid { grid-template-columns:1fr; }.telemetry { grid-template-columns:1fr 1fr; }.telemetry > div:nth-child(2) { border-right:0; }.telemetry > div:nth-child(-n+2) { border-bottom:1px solid var(--line); }.submit-row,.page-title { align-items:stretch; flex-direction:column; }.submit-row .primary { width:100%; } header { padding:0 16px; } }