:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#07080f;--s1:#0c0f1a;--s2:#11141f;--s3:#181c2a;--bd:#ffffff12;--bd2:#ffffff21;--tx:#e4eaf8;--mu:#44506e;--mu2:#7d8baa;--cy:#38d8f5;--cy10:#38d8f51a;--cy18:#38d8f52e;--gn:#28d98a;--gn10:#28d98a1a;--rd:#f0566a;--rd10:#f0566a1a;--am:#f0a030;--am10:#f0a0301a;--bl:#6a87ff;--bl10:#6a87ff1a;--sb:54px;--r:10px;--rl:16px;--rxl:20px}html,body,#root{height:100%}body{background:radial-gradient(ellipse 60% 40% at 0% 0%, #38d8f517 0%, transparent 60%), radial-gradient(ellipse 50% 35% at 100% 0%, #6a87ff14 0%, transparent 55%), var(--bg);color:var(--tx);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;overflow:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 70%);mask-image:linear-gradient(#000 0%,#0000 70%)}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{z-index:1;height:100%;display:flex;position:relative;overflow:hidden}.login-page{place-items:center;min-height:100%;padding:24px;display:grid}.login-card{border-radius:var(--rxl);background:#0c0f1ae0;border:1px solid #38d8f529;width:min(420px,100%);padding:28px;box-shadow:0 32px 90px #00000073}.login-logo{background:linear-gradient(135deg, var(--cy), var(--gn));color:#001810;border-radius:16px;place-items:center;width:54px;height:54px;margin-bottom:16px;font-size:26px;font-weight:900;display:grid;box-shadow:0 0 30px #38d8f529}.login-card h1{margin-bottom:4px;font-size:25px}.login-card p{color:var(--mu2);margin-bottom:20px}.login-card label{color:var(--mu2);letter-spacing:.6px;text-transform:uppercase;margin:14px 0 6px;font-size:10px;font-weight:800;display:block}.login-card input{border-radius:var(--r);border:1px solid var(--bd2);background:var(--s2);width:100%;color:var(--tx);outline:none;padding:10px 12px}.login-card input:focus{box-shadow:0 0 0 3px var(--cy10);border-color:#38d8f573}.sb{width:var(--sb);background:var(--s1);border-right:1px solid var(--bd);z-index:20;flex-direction:column;flex-shrink:0;align-items:center;gap:3px;padding:14px 0 12px;display:flex;position:relative}.sb-logo{background:linear-gradient(135deg, var(--cy), var(--gn));color:#001810;border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;margin-bottom:12px;font-size:15px;font-weight:900;display:grid;box-shadow:0 0 20px #38d8f526}.sb-sep{background:var(--bd);flex-shrink:0;width:30px;height:1px;margin:6px 0}.si{border-radius:var(--r);cursor:pointer;width:38px;height:38px;color:var(--mu2);background:0 0;border:1px solid #0000;flex-shrink:0;place-items:center;font-size:18px;transition:background .14s,border-color .14s;display:grid;position:relative}.si:hover{background:var(--s3);color:var(--tx)}.si.active{background:var(--cy10);color:var(--cy);border-color:#38d8f52e}.si:after{content:attr(data-tip);background:var(--s2);border:1px solid var(--bd2);color:var(--tx);white-space:nowrap;opacity:0;pointer-events:none;z-index:100;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:600;transition:opacity .14s;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)}.si:hover:after{opacity:1}.sb-bottom{flex-direction:column;align-items:center;gap:3px;margin-top:auto;display:flex}.sb-avatar{background:linear-gradient(135deg, var(--cy), var(--gn));color:#001810;border-radius:50%;place-items:center;width:30px;height:30px;margin-top:8px;font-size:11px;font-weight:800;display:grid}.main-wrap{z-index:1;flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--bd);background:#07080fd9;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:52px;padding:0 20px;display:flex}.page-title{align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.page-badge{color:var(--mu2);background:var(--s2);border:1px solid var(--bd);border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.topbar-right{align-items:center;gap:8px;display:flex}.user-chip{color:var(--mu2);border:1px solid var(--bd);background:var(--s2);border-radius:8px;padding:5px 11px;font-size:12px}.btn-logout{color:#f8a0a8;background:#f0566a14;border:1px solid #f0566a38;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:700}.btn-logout:hover{background:#f0566a29}.content-area{flex:1;padding:22px;overflow:hidden auto}.notice{background:var(--cy10);color:var(--cy);border-radius:var(--r);border:1px solid #38d8f533;margin-bottom:16px;padding:10px 14px;font-size:12px;font-weight:700}.panel{display:block}.card{background:var(--s1);border:1px solid var(--bd);border-radius:var(--rxl);padding:20px 22px;transition:border-color .15s}.card:hover{border-color:#38d8f524}.create-card{max-width:560px}.card-title{margin-bottom:4px;font-size:14px;font-weight:800}.card-sub{color:var(--mu2);margin-bottom:18px;font-size:12px}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.mb-20{margin-bottom:20px}.stat{background:var(--s1);border:1px solid var(--bd);border-radius:var(--rl);padding:16px 18px;position:relative;overflow:hidden}.stat:after{content:"";opacity:.28;filter:blur(24px);border-radius:50%;width:70px;height:70px;position:absolute;top:-18px;right:-18px}.stat.cy:after{background:var(--cy)}.stat.gn:after{background:var(--gn)}.stat.am:after{background:var(--am)}.stat.rd:after{background:var(--rd)}.stat-lbl{color:var(--mu2);letter-spacing:.7px;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:800}.stat-val{font-size:30px;font-weight:800;line-height:1}.stat.cy .stat-val{color:var(--cy)}.stat.gn .stat-val{color:var(--gn)}.stat.am .stat-val{color:var(--am)}.stat.rd .stat-val{color:var(--rd)}.stat-sub{color:var(--mu2);margin-top:5px;font-size:11px}.fld{margin-bottom:14px}.fld label{color:var(--mu2);letter-spacing:.6px;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:800;display:block}.inp,.sel-inp{border-radius:var(--r);border:1px solid var(--bd2);background:var(--s2);width:100%;color:var(--tx);outline:none;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .14s,box-shadow .14s}textarea.inp{resize:vertical;min-height:72px;font-family:Consolas,monospace;font-size:12px}.inp:focus,.sel-inp:focus{box-shadow:0 0 0 3px var(--cy10);border-color:#38d8f573}.check-row{background:var(--s2);border:1px solid var(--bd);border-radius:var(--r);color:var(--mu2);align-items:center;gap:10px;padding:10px 12px;font-weight:700;display:flex}.btn-primary{border-radius:var(--r);color:#001a15;white-space:nowrap;background:linear-gradient(135deg,#1bd9b4,#00bcd4);border:none;padding:10px 18px;font-size:13px;font-weight:800;transition:filter .14s,transform .12s}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-primary-full{width:100%;padding:11px;font-size:14px}.btn-gray{border-radius:var(--r);border:1px solid var(--bd2);background:var(--s2);color:var(--mu2);padding:8px 13px;font-size:12px;font-weight:700;transition:all .14s}.btn-gray:hover{color:var(--tx)}.btn-red{border-radius:var(--r);color:#f8a0a8;background:#f0566a14;border:1px solid #f0566a38;padding:8px 13px;font-size:12px;font-weight:700}.btn-red:hover{background:#f0566a29}.plan-grid{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:14px;display:grid}.plan-opt{border-radius:var(--r);border:1px solid var(--bd2);background:var(--s2);color:var(--mu2);text-align:center;padding:10px 4px 9px;font-size:11px;font-weight:700;transition:all .14s}.plan-opt:hover{color:var(--tx)}.plan-opt.sel{background:var(--cy10);color:var(--cy);border-color:#38d8f566}.plan-icon{margin-bottom:4px;font-size:18px;display:block}.keys-out-wrap{margin-top:14px}.keys-out-head{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.keys-out-lbl{color:var(--mu);letter-spacing:.6px;text-transform:uppercase;font-size:10px;font-weight:800}.btn-cpall{background:var(--cy10);color:var(--cy);border:1px solid #38d8f533;border-radius:7px;padding:4px 10px;font-size:11px;font-weight:700}.keys-out{background:var(--s2);border:1px solid var(--bd);border-radius:var(--r);color:var(--cy);white-space:pre-wrap;word-break:break-all;min-height:56px;padding:12px;font-family:Consolas,monospace;font-size:12px;line-height:1.9}.msg-line{min-height:16px;margin-top:10px;font-size:12px}.msg-line.err{color:var(--rd)}.bar-list,.mini-list{flex-direction:column;gap:10px;display:flex}.bar-row{grid-template-columns:190px 1fr 40px;align-items:center;gap:12px;display:grid}.bar-name{color:var(--mu2);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.bar-track{background:#ffffff0d;border-radius:99px;height:6px;overflow:hidden}.bar-fill{background:linear-gradient(90deg, var(--cy), var(--gn));border-radius:99px;height:100%;transition:width .35s}.bar-val{color:var(--tx);text-align:right;font-size:12px;font-weight:800}.mini-row{background:var(--s2);border:1px solid var(--bd);border-radius:9px;align-items:center;gap:10px;padding:7px 10px;display:flex}.mini-row .key-mono{text-overflow:ellipsis;flex:1;overflow:hidden}.tbl-toolbar{border-radius:var(--rl);background:var(--s2);border:1px solid var(--bd);flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:14px;padding:14px 16px;display:flex}.tbl-toolbar .fld{margin-bottom:0}.tbl-toolbar .search-fld{flex:1;min-width:180px}.tbl-toolbar .sel-fld{min-width:130px}.tbl-toolbar .num-fld{width:90px}.tbl-wrap{border:1px solid var(--bd);border-radius:var(--rl);overflow:auto hidden}table{border-collapse:collapse;width:100%;min-width:1080px;font-size:13px}thead tr{border-bottom:1px solid var(--bd)}th{color:var(--mu);letter-spacing:.8px;text-transform:uppercase;text-align:left;background:var(--s2);white-space:nowrap;z-index:2;padding:10px 13px;font-size:10px;font-weight:800;position:sticky;top:0}td{white-space:nowrap;color:var(--tx);border-bottom:1px solid #ffffff0a;padding:11px 13px}tbody tr:hover{background:#38d8f508}tbody tr:last-child td{border-bottom:none}.key-mono{color:var(--cy);background:var(--s2);border:1px solid #38d8f51f;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-family:Consolas,monospace;font-size:11px;display:inline-flex}.badge{letter-spacing:.3px;border:1px solid #0000;border-radius:99px;align-items:center;padding:3px 8px;font-size:10px;font-weight:800;display:inline-flex}.b-unused{color:var(--mu2);background:#5a64802e;border-color:#5a648033}.b-active{background:var(--gn10);color:var(--gn);border-color:#28d98a38}.b-banned{background:var(--rd10);color:#f08090;border-color:#f0566a38}.b-expired{background:var(--am10);color:var(--am);border-color:#f0a03038}.b-online{background:var(--gn10);color:var(--gn);border-color:#28d98a38}.b-offline{color:var(--mu);background:#5a64801f;border-color:#5a64801f}.dot{vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.dot-gn{background:var(--gn);box-shadow:0 0 5px var(--gn)}.dot-mu{background:var(--mu)}.act-row{flex-wrap:nowrap;gap:5px;display:flex}.ab{white-space:nowrap;border:1px solid #0000;border-radius:6px;padding:3px 8px;font-family:inherit;font-size:10px;font-weight:800;transition:transform .12s,background .12s}.ab:hover{transform:translateY(-1px)}.ab-edit{background:var(--bl10);color:var(--bl);border-color:#6a87ff38}.ab-ban{background:var(--rd10);color:#f08090;border-color:#f0566a38}.ab-unban{background:var(--gn10);color:var(--gn);border-color:#28d98a38}.ab-hwid{background:var(--am10);color:var(--am);border-color:#f0a03038}.ab-ext{color:var(--mu2);border-color:var(--bd);background:#ffffff0f}.ab-arc{color:#7a8090;background:#5a5a5a1f;border-color:#5a5a5a26}.tbl-foot{justify-content:space-between;align-items:center;padding:10px 4px 0;display:flex}.tbl-count,.action-status,.muted{color:var(--mu2);font-size:12px}.empty{text-align:center;color:var(--mu2);padding:30px}.log-list{flex-direction:column;gap:6px;display:flex}.log-row{border-radius:var(--r);background:var(--s2);border:1px solid var(--bd);align-items:flex-start;gap:12px;padding:10px 14px;font-size:12px;display:flex}.log-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:4px}.ld-ok{background:var(--gn);box-shadow:0 0 6px var(--gn)}.ld-err{background:var(--rd)}.ld-warn{background:var(--am)}.ld-info{background:var(--cy)}.log-msg{color:var(--tx);flex:1}.log-msg p{color:var(--mu2);margin-top:3px}.log-time{color:var(--mu2);flex-shrink:0;font-size:11px}.modal-bg{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:200;background:#000000a6;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-bg.show{display:flex}.modal{background:var(--s1);border-radius:var(--rxl);border:1px solid #38d8f529;width:min(720px,100%);max-height:92vh;padding:24px;overflow-y:auto;box-shadow:0 32px 90px #0009}.modal-top{border-bottom:1px solid var(--bd);justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:20px;padding-bottom:16px;display:flex}.modal-tag{letter-spacing:1.2px;text-transform:uppercase;color:var(--cy);margin-bottom:5px;font-size:9px;font-weight:800}.modal-title{font-size:16px;font-weight:800}.modal-key{color:var(--mu2);word-break:break-all;margin-top:3px;font-family:Consolas,monospace;font-size:11px}.edit-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.edit-grid .span2{grid-column:1/-1}.quick-strip{background:var(--s2);border-radius:var(--rl);border:1px solid var(--bd);flex-wrap:wrap;gap:7px;margin:14px 0;padding:12px 14px;display:flex}.qs-lbl{color:var(--mu);letter-spacing:.7px;text-transform:uppercase;width:100%;margin-bottom:4px;font-size:10px;font-weight:800}.qb{border:1px solid #0000;border-radius:7px;padding:5px 10px;font-size:11px;font-weight:700;transition:all .13s}.qb:hover{transform:translateY(-1px)}.qb-y{background:var(--am10);color:var(--am);border-color:#f0a03038}.qb-g{color:var(--mu2);border-color:var(--bd);background:#5a648026}.qb-r{background:var(--rd10);color:#f08090;border-color:#f0566a38}.modal-actions{border-top:1px solid var(--bd);justify-content:flex-end;gap:8px;margin-top:14px;padding-top:14px;display:flex}.detail-grid{gap:8px;display:grid}.detail-row{border-radius:var(--r);background:var(--s2);border:1px solid var(--bd);grid-template-columns:130px 1fr auto;align-items:start;gap:10px;padding:10px 12px;display:grid}.detail-row span{color:var(--mu2);text-transform:uppercase;font-size:11px;font-weight:800}.detail-row b{word-break:break-all;white-space:normal;font-family:Consolas,monospace;font-size:12px}.detail-row button{background:var(--cy10);color:var(--cy);border:1px solid #38d8f533;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.toast{background:var(--s2);border:1px solid var(--gn);color:var(--gn);border-radius:var(--r);z-index:999;opacity:0;pointer-events:none;padding:9px 16px;font-size:12px;font-weight:700;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;right:24px;transform:translateY(8px)}.toast.show{opacity:1;transform:translateY(0)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}@media (width<=900px){body{overflow:auto}.shell{min-height:100%;overflow:visible}.grid-4{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr}.bar-row{grid-template-columns:1fr auto}.bar-row .bar-track{display:none}.tbl-toolbar{flex-direction:column;align-items:stretch}.tbl-toolbar .fld{min-width:unset;width:100%}}@media (width<=600px){.grid-4,.edit-grid{grid-template-columns:1fr}.edit-grid .span2{grid-column:1}.plan-grid{grid-template-columns:repeat(2,1fr)}.topbar{padding:0 12px}.topbar-right{gap:5px}.user-chip{display:none}.content-area{padding:14px}}