:root{--ink:#10151f;--muted:#6e7686;--line:#e5e8ee;--blue:#2354d8;--blue2:#eaf0ff;--green:#137a55;--red:#c43d4b;--amber:#9b6612;--paper:#fff;--bg:#f4f6fa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif}header{background:#101827;color:white;padding:34px max(28px,calc((100vw - 1380px)/2));display:flex;justify-content:space-between;align-items:end;box-shadow:0 10px 32px #10182722}h1{font-size:34px;margin:5px 0 6px;letter-spacing:-.04em}header p{margin:0;color:#aeb9cd}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:#7fa2ff}.server{display:grid;grid-template-columns:12px auto;gap:2px 9px;align-items:center;background:#17243a;border:1px solid #2b3c58;border-radius:14px;padding:14px 18px;min-width:190px}.server i{width:9px;height:9px;border-radius:50%;background:#2dd889;box-shadow:0 0 0 5px #2dd88918}.server small{grid-column:2;color:#8fa0ba}main{max-width:1380px;margin:26px auto;padding:0 28px 60px}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:18px}.stat,.panel{background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 24px #1822380a}.stat{padding:18px}.stat span{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.stat strong{display:block;font-size:28px;margin-top:7px}.panel{padding:22px;margin-bottom:18px}.panel-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.panel-title h2{margin:4px 0 0;font-size:20px}.panel-title>input{width:300px}form{display:grid;grid-template-columns:1.2fr .8fr 1fr 1fr;gap:14px;align-items:end}label{display:grid;gap:7px;color:#566073;font-size:12px;font-weight:700}.wide{grid-column:1/4}input,select{height:42px;border:1px solid #d9dee8;border-radius:9px;padding:0 12px;background:white;color:var(--ink);outline:none}input:focus,select:focus{border-color:#7292e9;box-shadow:0 0 0 3px #2354d812}button{height:42px;border:0;border-radius:9px;background:var(--blue);color:white;font-weight:750;padding:0 15px;cursor:pointer}button:hover{filter:brightness(.95)}button.ghost{height:32px;background:#eef1f6;color:#303949;font-size:12px}button.danger{color:var(--red)}.new-key{margin-top:16px;padding:16px;border-radius:11px;background:var(--blue2);border:1px solid #cdd9ff}.new-key code{font-size:18px;font-weight:800;letter-spacing:.05em}.hidden{display:none!important}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:1050px}th{text-align:left;color:#7a8291;font-size:11px;text-transform:uppercase;letter-spacing:.07em;padding:11px 10px;border-bottom:1px solid var(--line)}td{padding:14px 10px;border-bottom:1px solid #edf0f4;font-size:13px;vertical-align:top}td strong{display:block}td small{color:var(--muted)}code{font-family:Consolas,monospace}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800}.ACTIVE{background:#e5f7ef;color:var(--green)}.SUSPENDED{background:#fff2d9;color:var(--amber)}.REVOKED{background:#fde7e9;color:var(--red)}.actions{display:flex;gap:6px;flex-wrap:wrap}.empty{text-align:center;color:var(--muted);padding:34px}.toast{position:fixed;right:22px;bottom:22px;background:#121b2c;color:white;padding:13px 17px;border-radius:10px;box-shadow:0 12px 35px #0004;opacity:0;transform:translateY(8px);transition:.2s}.toast.show{opacity:1;transform:none}@media(max-width:900px){header{align-items:start;gap:22px}.stats{grid-template-columns:repeat(2,1fr)}form{grid-template-columns:1fr 1fr}.wide{grid-column:1/2}.panel-title{align-items:start;gap:12px;flex-direction:column}.panel-title>input{width:100%}}@media(max-width:560px){header{flex-direction:column}main{padding:0 14px}.stats,form{grid-template-columns:1fr}.wide{grid-column:auto}}