:root{color-scheme:dark;font-family:Inter,Segoe UI,sans-serif;background:#0b101b;color:#ecf0fa;font-size:14px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 0 0,#19333670,transparent 50%);min-height:100vh}header{height:76px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#0d1420b0}.brand{display:flex;gap:14px;align-items:center;font-weight:800;color:#6ee7c3;font-size:24px}.brand span{font-size:15px;color:#e1e8f4;font-weight:600}main{max-width:1460px;margin:auto;padding:32px 5vw}h1{font-size:32px;letter-spacing:-1px;margin:8px 0}h2{font-size:17px;margin:0 0 22px}.eyebrow{color:#6ee7c3;font-size:11px;letter-spacing:2px;font-weight:700}.muted,footer{color:#8f9eb5}.card{background:#121b2b;border:1px solid #27334a;border-radius:16px;padding:24px;box-shadow:0 16px 40px #0002}.login{max-width:440px;margin:8vh auto}.login h1{font-size:36px;margin:18px 0}.login form{margin-top:28px}label{display:block;color:#b7c2d5;font-size:12px;margin-bottom:18px}input,textarea,select{font:inherit;background:#0c1422;border:1px solid #324057;border-radius:8px;color:#eef3ff;padding:11px 12px;width:100%;margin-top:7px}textarea{resize:vertical;font-family:monospace}input:focus,textarea:focus,select:focus{outline:2px solid #60dab180;outline-offset:1px}button,.button{font:inherit;font-weight:600;border:1px solid #34445d;border-radius:8px;background:#1a2940;color:#d7e5f9;cursor:pointer;padding:10px 15px;text-decoration:none}button:hover,.button:hover{border-color:#6ee7c3}button:disabled{opacity:.45;cursor:default}.primary{background:#63dfb8;color:#092c22;border:0;width:100%;padding:13px}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:24px}.stat{background:#131e2e;border:1px solid #26344a;border-radius:12px;padding:20px;color:#9aabc3}.stat strong{display:block;font-size:29px;color:#f3f7ff;margin-top:10px}.grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}.toolbar h2{margin:0;flex:1}.toolbar input{width:200px;margin:0}.toolbar select{width:135px;margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap}th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#8c9eb8;padding:15px 10px;border-bottom:1px solid #2a374c}td{padding:17px 10px;border-bottom:1px solid #233047}td small{display:block;color:#91a6c2;margin-top:7px;font-family:monospace}.badge{border-radius:20px;padding:5px 9px;background:#1e423a;color:#74e7c0}.badge.revoked{background:#452837;color:#ffa9bb}.badge.expired{background:#403827;color:#efd29a}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:15px;margin-top:20px}.logs{margin-top:24px}#notice{padding:0;color:#8ae7c8}#notice:not(:empty){padding:14px 0}#notice.error{color:#ff9cae}#generated{display:block;overflow-wrap:anywhere;color:#74e7c0;margin-top:18px;font-family:monospace}footer{text-align:center;padding:25px;font-size:11px}[hidden]{display:none!important}@media(max-width:1050px){.grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){main{padding:20px 15px}.card{padding:18px}.heading{align-items:flex-start;gap:12px}.heading h1{font-size:28px}.toolbar input{width:100%}.brand span{font-size:12px}}
.bulk-key{width:16px;margin:0 10px 0 0;vertical-align:middle}.stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}