:root{color-scheme:dark;--bg:#080c14;--panel:#101722;--line:#223043;--text:#e8effa;--muted:#8e9db4;--blue:#58a2ff;--green:#61d9ac;--red:#ff8d9a;font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 12% 0,#11274170,transparent 45%),var(--bg);color:var(--text);padding:0 28px 30px}a{color:var(--blue);text-decoration:none}a:hover{color:#b9d7ff}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--blue)}button{cursor:pointer;border:1px solid var(--line);border-radius:9px;background:#182233;color:#cedbef;padding:9px 13px;transition:background .15s,border-color .15s}button:hover{background:#23344b;border-color:#45678e}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:#428cec;border-color:#5da4ff;color:#fff;font-weight:650;box-shadow:0 5px 18px #2585fa20}.primary:hover{background:#559dfb}.danger{background:#301b27;border-color:#59303b;color:#ff9aab}.danger:hover{background:#482434;border-color:#b9536d}input,select{width:100%;min-width:0;height:40px;padding:8px 11px;background:#0b121e;border:1px solid #2a384c;border-radius:8px;color:var(--text)}input:focus,select:focus{border-color:#5b9cea;box-shadow:0 0 0 3px #3887ee15}input::placeholder{color:#54667e}label{display:block;font-size:12px;color:#99abc4;margin-bottom:6px}p{margin:8px 0;color:var(--muted)}h1,h2,h3{margin:0;font-weight:650;letter-spacing:-.025em}h1{font-size:29px}h2{font-size:16px}h3{font-size:14px}.shell{max-width:1320px;margin:auto}.topbar{height:83px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #21304799;margin-bottom:25px}.brand{display:flex;align-items:center;gap:11px}.brandmark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#152e4c;border:1px solid #315680;color:#78b5ff}.brandmark svg{width:23px;height:23px}.wordmark{font-size:19px;font-weight:800;letter-spacing:.1em}.wordmark span{color:var(--blue)}.brand-caption{font-size:10px;letter-spacing:.2em;color:#6c86a6}.top-actions{display:flex;align-items:center;gap:12px;font-size:12px}.top-link{border:1px solid var(--line);padding:8px 12px;border-radius:9px;color:#b5c9e5}.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:650;color:#6499d6;margin-bottom:6px}.intro{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:22px}.intro p{font-size:13px;margin-top:6px}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #244231;border-radius:20px;padding:5px 10px;font-size:11px;color:var(--green);background:#13291f}.pill::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.auth-card{max-width:420px;margin:45px auto;background:linear-gradient(145deg,#172438,#101721 70%);border:1px solid #2d405b;border-radius:16px;padding:27px;box-shadow:0 20px 80px #0003}.auth-card h2{font-size:20px}.auth-card .auth-desc{font-size:12px;margin-bottom:21px}.auth-card form{display:grid;gap:15px}.auth-card #loginButton{width:100%;margin-top:3px}.auth-state{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:15px}#loginState{font-size:12px;margin:0}body.is-authenticated .auth-card{max-width:none;margin:0 0 20px;padding:12px 17px;display:flex;align-items:center;justify-content:space-between;background:#101a26;border-color:#22344a;box-shadow:none}body.is-authenticated .auth-card h2{font-size:13px}body.is-authenticated .auth-card .auth-desc{display:none}body.is-authenticated .auth-state{margin:0;flex-direction:row-reverse}body.is-authenticated #logoutButton{padding:5px 10px;font-size:11px}body.is-authenticated #loginState{color:var(--green);font-size:11px}#adminWorkspace{display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px;align-items:start}.summary-row{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.metric{padding:14px 17px;background:#101823;border:1px solid #223047;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:12px}.metric small{color:#8f9fb5;font-size:11px}.metric strong{font-size:23px;font-weight:650;letter-spacing:-.04em}.metric.online strong{color:#79b9ff}.metric.active strong{color:var(--green)}.metric.expired strong{color:#f1bd72}.card{background:linear-gradient(150deg,#121d2c,#101722 70%);border:1px solid var(--line);border-radius:14px;padding:20px;min-width:0}.card-title{display:flex;align-items:center;gap:10px;margin-bottom:17px}.card-icon{width:29px;height:29px;border-radius:8px;background:#1c3553;display:grid;place-items:center;color:#81b8ff;font-size:16px}.card-title p{font-size:11px;margin:2px 0 0}.create-card{grid-column:1}.list-card{grid-column:2;grid-row:2}.duration-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:3px 0 17px}.duration-presets button{padding:6px 1px;font-size:11px;background:#162132;border-color:#28374b;color:#a7bbd8}.duration-presets button:hover,.duration-presets button.is-selected{background:#1a3c66;color:#c5e1ff;border-color:#4676ad}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 11px}.field{min-width:0}.field.wide{grid-column:1/-1}.form-hint{font-size:10px;color:#6d839f;margin:5px 0 0}.create-button{width:100%;margin-top:17px;padding:10px}.section-note{font-size:10px;color:#7186a2;margin:10px 0 0}#status{font-size:12px;line-height:1.6;color:#93c6ff;background:#15283f;border:1px solid #294764;border-radius:9px;padding:10px 12px;margin:14px 0 0}#status:empty{display:none}#result{margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}pre{font:11px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:#090f19;border:1px solid #25354b;border-radius:9px;padding:11px;max-height:240px;overflow:auto;margin:10px 0}#credentials{color:#94d4bc}.result-actions{display:flex;gap:7px}.result-actions button{flex:1;font-size:11px;padding:7px}.muted{font-size:11px;color:#7f92ae}.toolbar{display:flex;align-items:center;gap:9px;margin-bottom:14px;flex-wrap:wrap}.toolbar h2{flex:1}.toolbar button{font-size:11px;padding:6px 9px}#listCount{font-size:10px;padding:3px 7px;border-radius:5px;background:#21314a;color:#98b8e5}.search{margin-bottom:15px}.search input{height:37px;font-size:12px}table{width:100%;border-collapse:collapse;font-size:11px}th{text-align:left;font-size:10px;letter-spacing:.02em;color:#6f85a3;font-weight:550;padding:10px 9px;background:#0c1420;border-bottom:1px solid #27364a}th:first-child{border-radius:7px 0 0 0}th:last-child{border-radius:0 7px 0 0}td{padding:14px 9px;border-bottom:1px solid #1e2b3d;vertical-align:top;color:#b2c0d4}tbody tr:hover{background:#18263a55}.table-wrap{overflow-x:auto}table{min-width:630px}.key-code{display:block;font-family:ui-monospace,Consolas,monospace;font-size:10px;overflow-wrap:anywhere;color:#d3e4ff}.key-note{display:block;color:#687d99;font-size:10px;margin-top:5px}.state-badge{display:inline-block;padding:3px 7px;font-size:10px;border-radius:5px;white-space:nowrap;background:#2b2530;color:#baa8c6}.state-badge.active{background:#14342b;color:#76dcb4}.state-badge.expired{background:#382c1c;color:#eac286}.state-badge.disabled{background:#35222c;color:#df96a8}.row-actions{width:145px;min-width:120px}.row-actions button{margin:2px}.row-actions button{font-size:10px;padding:4px 6px;background:#1b2b41;border-color:#2b405d;border-radius:5px}.row-actions button:last-child{color:#e6a2b1}#listEmpty{font-size:12px;text-align:center;padding:35px 10px;margin:0;color:#6e85a4}.management{grid-column:1/-1;padding:0;overflow:hidden}.management>summary{padding:17px 20px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600}.management>summary::after{content:"+";font-size:19px;font-weight:400;color:#6f9bce}.management[open]>summary::after{content:"−"}.management>summary small{font-size:10px;color:#7a90ad;font-weight:400}.management-body{padding:0 20px 20px;border-top:1px solid #203048}.management-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:17px}.management-grid .field.wide{grid-column:1/-1}.inline-field{display:flex;gap:8px}.inline-field button{flex-shrink:0;font-size:11px}.management-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.management-actions button{font-size:11px}.seller-card{grid-column:1/-1}.seller-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:25px}.seller-form{display:grid;gap:12px;padding-right:23px;border-right:1px solid var(--line)}.seller-form .primary{margin-top:3px}.seller-table input{width:85px;height:30px;padding:4px 7px;font-size:11px}.seller-table button{font-size:10px;padding:5px 7px;margin:2px}.seller-table{min-width:540px}.seller-quota{font-size:11px;color:#9bbce6;margin-top:9px}.seller-label{font-size:11px;color:#77a7df}.page-footer{display:flex;justify-content:space-between;gap:15px;padding:23px 0 0;color:#4f6581;font-size:10px}.page-footer a{color:#6b89ae}[hidden]{display:none!important}@media(max-width:1100px){#adminWorkspace{grid-template-columns:300px minmax(0,1fr)}.card{padding:17px}.summary-row{gap:9px}.metric{padding:12px}.metric strong{font-size:21px}}@media(max-width:950px){#adminWorkspace{grid-template-columns:1fr}.create-card,.list-card{grid-column:1;grid-row:auto}.create-card .form-grid{grid-template-columns:repeat(4,1fr)}.create-card .field.wide{grid-column:1/-1}.duration-presets{grid-template-columns:repeat(8,1fr)}.seller-layout{grid-template-columns:1fr}.seller-form{grid-template-columns:1fr 1fr;border-right:0;padding-right:0;border-bottom:1px solid var(--line);padding-bottom:18px}.seller-form button{align-self:end;height:40px}}@media(max-width:600px){body{padding:0 14px 25px}.topbar{height:70px;margin-bottom:21px}.brandmark{width:32px;height:32px}.wordmark{font-size:16px}.top-actions .muted{display:none}.top-link{font-size:10px;padding:7px 9px}h1{font-size:24px}.intro{align-items:start}.intro p{font-size:11px;max-width:240px}.intro .pill{display:none}.summary-row{grid-template-columns:1fr 1fr;gap:8px}.metric strong{font-size:21px}.metric small{font-size:10px}.card{padding:16px}.duration-presets{grid-template-columns:repeat(4,1fr)}.create-card .form-grid{grid-template-columns:1fr 1fr}.management-grid,.seller-form{grid-template-columns:1fr}.management>summary{padding:15px}.management>summary small{display:none}.management-body{padding:0 15px 15px}body.is-authenticated .auth-card{padding:10px 12px}body.is-authenticated .auth-card h2{font-size:11px}body.is-authenticated #loginState{font-size:10px}.auth-card{margin:25px auto;padding:23px}.page-footer{flex-direction:column;gap:5px}.seller-card{padding:16px}.inline-field{flex-wrap:wrap}.inline-field input{flex:1;min-width:120px}}

.key-details{margin-top:20px;border-top:1px solid var(--line);padding-top:17px}.detail-title{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.detail-title h3{color:#a8cfff;font-family:ui-monospace,Consolas,monospace;overflow-wrap:anywhere}.device-wrap{max-height:340px;overflow:auto;margin-top:12px}.device-table{min-width:480px}.device-table .device-code{font:11px/1.8 ui-monospace,Consolas,monospace;word-break:break-all;max-width:450px;color:#b8d8f5}.device-table button{font-size:10px;padding:5px 8px}.metric.online{border-color:#315377;background:#122238}

.device-table button{white-space:nowrap}.key-code{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:225px}.seller-table td:last-child button:last-child{color:#ff9aab;border-color:#653449;background:#321d28}@media(max-width:600px){.metric.online{grid-column:1/-1}}

.state-badge.pending{color:#8fc1ff;background:#19314c}

.bulk-tools{margin:0 0 15px;border:1px solid #304158;border-radius:9px;padding:10px 12px}.bulk-tools summary{font-size:11px;color:#9cabc0;cursor:pointer}.bulk-tools p{font-size:11px;line-height:1.7}.bulk-buttons{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.bulk-buttons button{font-size:11px}#bulkReview{border-top:1px solid var(--line);margin-top:12px;padding-top:8px}#bulkPhrase{display:block;color:#ffc6cf;margin:8px 0;font:12px ui-monospace,Consolas,monospace}#bulkConfirmation{max-width:330px}#bulkFeedback{color:#8ba6c8}

.key-filters{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:13px}.key-filters button{font-size:10px;padding:5px 8px}.key-filters .is-selected{color:#b7dbff;border-color:#4976ab;background:#1a3c63}.key-pagination{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:15px;font-size:10px;color:#8fa7c5}.key-pagination #pageSummary{margin-right:auto}.key-pagination label{margin:0}.key-pagination select{width:64px;height:30px;padding:4px 7px;font-size:10px}.key-pagination button{padding:5px 8px;font-size:10px}.extend-inputs{display:flex;gap:8px;flex-basis:100%;max-width:270px}.extend-inputs>div{flex:1}#recoverBatch{margin-top:8px;width:100%;font-size:11px}#webDevicesPanel{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}#webDevicesPanel .inline-field{margin:12px 0}#webDeviceLimit{max-width:100px}