:root{font-family:system-ui,"Segoe UI",sans-serif;color:#dfe9f5;background:#0b111a;color-scheme:dark;--surface:#111c2a;--border:#26364a;--muted:#9cafc6;--accent:#63ddbc}*{box-sizing:border-box}body{margin:0}header{padding:22px 5vw;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}header strong{font-size:20px}header span{display:block;color:var(--muted);font-size:13px;margin-top:3px}header span span{display:inline}main{max-width:1250px;margin:32px auto;padding:0 24px}#dashboard{display:grid;grid-template-columns:1fr 1fr;gap:24px}section{background:var(--surface);padding:24px;border:1px solid var(--border);border-radius:16px;min-width:0}#login{max-width:560px;margin:80px auto}.wide{grid-column:1/-1}h1{font-size:27px}h2{font-size:18px;margin:0 0 20px}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:15px}form{display:grid;gap:14px}#enroll{grid-template-columns:1fr auto}label{display:grid;gap:7px;font-size:14px}input,textarea,select{width:100%;background:#0b1522;color:inherit;border:1px solid var(--border);border-radius:8px;padding:11px;font:inherit;min-width:0}textarea{resize:vertical}button{font:inherit;font-size:14px;font-weight:600;background:var(--accent);color:#06332a;border:0;border-radius:8px;padding:10px 14px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button.secondary{background:transparent;color:var(--muted);border:1px solid var(--border)}p{line-height:1.6}.muted,#count{color:var(--muted);font-size:13px}#status:empty{display:none}#status{padding:12px;border:1px solid var(--border);border-radius:8px}#credentials{margin-top:18px}.device{display:flex;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid var(--border)}.device div{flex:1}.device small{display:block;color:var(--muted);margin-top:5px}.badge{font-size:12px;padding:4px 8px;border-radius:20px;background:#22344b}.online{color:var(--accent)}.task{border:1px solid var(--border);border-radius:12px;padding:18px;margin:14px 0}.task-head{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.task-head strong{flex:1}.task p{white-space:pre-wrap}.task pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:15px;background:#09111b;border-radius:8px;max-height:420px;overflow:auto;font-size:13px}.task summary{cursor:pointer;margin:12px 0;color:var(--muted)}[hidden]{display:none!important}@media(max-width:760px){#dashboard{grid-template-columns:1fr}main{padding:0 14px}section{padding:18px}.wide{grid-column:auto}#enroll{grid-template-columns:1fr}header{padding:18px}}
