:root{--brand: #1a75bb;--accent: #26a9e1;--tint: #dde6f5;--bg: #f4f7fc;--card: #ffffff;--text: #0f172a;--muted: #64748b;--border: #e2e8f0;--danger: #b91c1c;--ok: #15803d;--warn: #b45309;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--tint: #1c2b47;--bg: #0a1424;--card: #12203a;--text: #e6edf7;--muted: #94a3b8;--border: #24304a}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.app{max-width:960px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column;gap:18px}.app.center{justify-content:center;align-items:center}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar h1{font-size:1.2rem;margin:0}.topbar .actions{display:flex;gap:8px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:22px}.card.narrow{max-width:420px;width:100%}h1,h2,h3{color:var(--text)}.muted{color:var(--muted);margin:0}.hint{color:var(--muted);font-size:.85rem}.error{color:var(--danger);background:#b91c1c14;border:1px solid rgba(185,28,28,.25);border-radius:10px;padding:10px 14px;font-size:.9rem}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:.85rem;font-weight:600;color:var(--text)}input[type=text],input[type=password],input[type=search],input[type=number],input[type=date],select{padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:.95rem}.checkboxes{display:flex;flex-wrap:wrap;gap:10px}.checkboxes label{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid var(--border);font-size:.85rem;cursor:pointer}.checkboxes label.checked{background:var(--tint);border-color:var(--brand)}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:.9rem}button{font:inherit;cursor:pointer}.btn{padding:10px 18px;border-radius:10px;border:none;background:var(--brand);color:#fff;font-size:.9rem;font-weight:600}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{padding:9px 16px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:.9rem}.btn-danger{padding:9px 16px;border-radius:10px;border:1px solid var(--danger);background:transparent;color:var(--danger);font-size:.85rem}.key-box{display:flex;align-items:center;gap:10px;background:var(--tint);border-radius:10px;padding:14px 16px}.key-box .key{font-family:monospace;font-size:1.15rem;font-weight:700;letter-spacing:.05em;color:var(--brand);flex:1}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.88rem}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);white-space:nowrap}th{color:var(--muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--tint)}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:600}.badge-unused{background:var(--border);color:var(--muted)}.badge-active{background:#15803d26;color:var(--ok)}.badge-suspended{background:#b4530926;color:var(--warn)}.badge-revoked{background:#b91c1c26;color:var(--danger)}.search-row{display:flex;gap:10px;margin-bottom:14px}.search-row input{flex:1}.device-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.device-row:last-child{border-bottom:none}.section-title{font-size:.78rem;font-weight:700;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 10px}