:root{color-scheme:light;--ink:#202237;--muted:#6b6e83;--brand:#6953d8;--line:#e5e5f0;--bg:#f6f6fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--brand);text-decoration:none}button,a,input,select,summary{outline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid #b7a9f5}h1,h2,h3,p{margin:0 0 12px}h1{font-size:clamp(28px,4vw,39px);line-height:1.15;letter-spacing:-1.2px}h2{font-size:21px;letter-spacing:-.4px}h3{font-size:18px}.top{background:white;border-bottom:1px solid var(--line);padding:20px max(5vw,20px);display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-size:23px;font-weight:800;color:var(--ink);line-height:1.2;letter-spacing:-.8px}.brand span{color:var(--brand)}.brand small{display:block;color:var(--muted);font-size:10px;font-weight:500;letter-spacing:1px;margin-top:4px}nav{display:flex;gap:24px;align-items:center}nav form{margin:0}.narrow{max-width:620px;margin:45px auto;padding:0 20px}.wide{max-width:1180px;margin:40px auto;padding:0 24px}.intro{margin:0 0 28px}.intro p{color:var(--muted);max-width:740px}.eyebrow{display:block;color:var(--brand);font-size:11px;font-weight:750;letter-spacing:1.5px;margin-bottom:14px}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:28px;margin-bottom:22px;box-shadow:0 5px 22px #22224804}.row{display:flex;justify-content:space-between;align-items:center;gap:15px}.row h2,.row h3{margin-bottom:4px}label{font-size:13px;font-weight:600;display:block;margin:14px 0}input,select{display:block;width:100%;min-height:45px;background:#fff;border:1px solid #d4d5e3;border-radius:9px;padding:10px 12px;font:inherit;font-size:14px;margin-top:6px;color:var(--ink)}button,.button{border:none;border-radius:9px;background:var(--brand);color:#fff;padding:12px 18px;display:inline-block;font:inherit;font-weight:650;font-size:14px;cursor:pointer;line-height:1.4}button:disabled{opacity:.55;cursor:not-allowed}form>button{margin-top:6px}.ghost,.google{background:white;color:var(--ink);border:1px solid #d8dae5}.google{width:100%}.danger{background:#fff0f1;color:#a02a42;border:1px solid #eac4ca}.warning-button{background:#fff5e1;color:#8c5b02;border:1px solid #edd7a6}.badge{display:inline-block;border-radius:25px;padding:5px 12px;white-space:nowrap;font-size:12px;background:#eeedf8;color:#6b647b}.active{background:#e7f6ef;color:#27795b}.suspended,.expired{background:#fff1d9;color:#986315}.revoked{background:#fbe7ea;color:#a6374b}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.metric{background:white;border:1px solid var(--line);padding:24px;border-radius:16px}.metric strong{font-size:36px;display:block;line-height:1.2}.metric span{color:var(--muted);font-size:13px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.create-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.create-grid button{justify-self:start;margin:14px 0 0}.muted{color:var(--muted);font-size:13px}.divider{margin:24px 0;color:var(--muted);font-size:12px;text-align:center}.banner{border-radius:12px;padding:18px;background:#efecfc;color:#544398;margin:16px 0}.warning{background:#fff3df;color:#865b0d}.error{color:#a22d46;background:#ffedf1}.success{color:#226344;background:#e7f8ef}.notice{border-radius:12px;padding:17px;margin-bottom:20px}.section-heading{margin:30px 0 18px}.section-heading span{font-size:13px;font-weight:500;color:var(--muted)}.license-info{display:flex;gap:22px;color:var(--muted);font-size:12px;margin:14px 0 18px;flex-wrap:wrap}.actions{display:flex;gap:12px;flex-wrap:wrap}details{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}summary{cursor:pointer;color:var(--brand);font-size:13px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{color:var(--muted);font-weight:500}td,th{padding:12px;border-bottom:1px solid var(--line)}td{overflow-wrap:anywhere}dl{display:grid;grid-template-columns:160px 1fr;gap:10px 20px;margin:20px 0}dt{color:var(--muted);font-size:13px}dd{margin:0;overflow-wrap:anywhere;font-size:13px}#issued-key{margin-top:20px;padding:20px;border:1px solid #bfb2ea;border-radius:12px;background:#f5f1ff}#issued-key code{display:block;overflow-wrap:anywhere;padding:12px;background:white;font-size:14px;margin:12px 0}.empty{text-align:center;padding:45px}footer{color:var(--muted);font-size:12px;text-align:center;padding:25px 20px 40px}@media(max-width:680px){.top{padding:15px 18px;gap:12px}nav{gap:12px;font-size:12px}.top button{padding:8px 9px;font-size:12px}.brand{font-size:20px}.wide,.narrow{margin-top:30px;padding:0 15px}.card{padding:20px}.grid,.create-grid{grid-template-columns:1fr}.metrics{gap:10px}.metric{padding:15px}.metric strong{font-size:27px}.metric span{font-size:11px}.row{align-items:flex-start}.license-info{gap:8px 15px}.actions{gap:8px}.actions button{font-size:12px;padding:10px}dl{grid-template-columns:110px 1fr;gap:10px}.license-card .row{flex-wrap:wrap}}
