.sign-in{margin:0;min-height:100vh;display:grid;place-items:center;background:#f5f2fa;font:15px system-ui;color:#3d334c}.login-card{width:min(350px,calc(100vw - 60px));padding:30px;border-radius:22px;background:#fff;box-shadow:0 16px 60px #30204418}.login-card h1{font-size:27px;margin:16px 0 6px}.login-card .brand-mark{background:#7552ae;color:white;border-radius:14px;display:grid;place-items:center;width:48px;height:48px;font-weight:800}.login-card form{display:grid;gap:18px;margin-top:25px}.login-card label,.account-form label{display:grid;gap:6px;font-size:13px;font-weight:700}.login-card input,.account-form input,.section-top input,.key-result input{padding:10px 12px;border:1px solid #d9cde5;border-radius:9px;min-width:0;font:inherit;color:inherit;background:#fff}.login-card button{border:0;border-radius:10px;background:#7751af;color:#fff;padding:12px;font-weight:750;font-size:15px;cursor:pointer}.login-card .check{display:flex;align-items:center;gap:8px;font-weight:500}.login-card #loginError{color:#b83345;font-size:13px;min-height:16px;margin:0}.account-form{display:flex;flex-wrap:wrap;gap:14px;align-items:end;margin:15px 0}.account-form label{flex:1 1 180px}.account-form h3{flex-basis:100%;margin:5px 0}.account-table{overflow-x:auto}.expiry-clock{font-size:28px;font-variant-numeric:tabular-nums;color:#7552ae}#accountNotice,#adminNotice{color:#7552ae;min-height:20px;font-weight:650;overflow-wrap:anywhere}.key-result{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:15px;background:#eee5fb;border-radius:10px}.key-result strong{flex-basis:100%}.key-result input{flex:1;min-width:170px}.sidebar-account{margin-top:auto}.account-form input:focus{outline:2px solid #9d77d3;outline-offset:2px}:root[data-theme=dark] .account-form input,:root[data-theme=dark] .section-top input,:root[data-theme=dark] .key-result input{background:#191620;border-color:#655171;color:#f5ebff}:root[data-theme=dark] :is(.expiry-clock,#accountNotice,#adminNotice){color:#d5b4ff}:root[data-theme=dark] .key-result{background:#362847}@media(max-width:720px){.account-form{gap:9px}.account-form label{flex-basis:100%;display:grid;grid-template-columns:80px minmax(0,1fr);align-items:center}.account-form button{min-height:32px;padding:6px 12px}.expiry-clock{font-size:24px}.account-table th,.account-table td{padding:8px}.key-result{padding:10px}}

#keyRows td{white-space:nowrap}#keyRows .key-remaining{font-variant-numeric:tabular-nums;font-weight:700}#keyRows [data-key-state=active]{color:#12896d}#keyRows [data-key-state=scheduled]{color:#946923}#keyRows [data-key-state=expired]{color:#ad5163}:root[data-theme=dark] #keyRows [data-key-state=active]{color:#81ddba}:root[data-theme=dark] #keyRows [data-key-state=scheduled]{color:#edc784}:root[data-theme=dark] #keyRows [data-key-state=expired]{color:#e6a3b0}
.account-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:14px}.account-pagination span{font-size:12px;color:inherit}.button.key-delete{color:#9e233e;border-color:#c87786;background:#fff0f2}.button.key-delete:hover:not(:disabled){background:#fbdce2}:root[data-theme=dark] .button.key-delete{color:#ffb5c3;border-color:#aa6273;background:#462535}:root[data-theme=dark] .button.key-delete:hover:not(:disabled){background:#5d2f42}@media(max-width:720px){.account-pagination{gap:6px;margin-top:10px}.account-pagination span{font-size:11px}.account-pagination .button{min-height:28px;padding:4px 8px}}