:root{color:#f4f6f8;--panel:#10141b;--line:#252d39;--accent:#f6f6f6;--muted:#8993a3;background:#07090d;font-family:Inter,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 0,#1a202a 0,#0000 34%),#07090d;margin:0}main{max-width:1200px;margin:auto;padding:32px 20px 64px}header,.titleRow,.row,.auth,.actions{align-items:center;gap:10px;display:flex}header,.titleRow{justify-content:space-between}h1{margin:5px 0;font-size:30px}h2{margin:0 0 14px;font-size:17px}p{color:var(--muted);margin:6px 0}.eyebrow{letter-spacing:.22em;color:#aeb7c4;font-size:11px}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#121720,#0d1117);border-radius:14px;margin:14px 0;padding:20px;box-shadow:0 12px 36px #0005}.grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.grid .panel{margin:0}.auth input{flex:1}input,textarea,button{color:#fff;background:#171d26;border:1px solid #313b49;border-radius:8px;padding:10px 12px}input{flex:1;min-width:0}.short{max-width:90px}textarea{resize:vertical;width:100%;min-height:180px;font:13px/1.55 Consolas,monospace}button{cursor:pointer;color:#0b0d10;background:#f3f4f6;font-weight:700}button:hover{filter:brightness(.88)}button.ghost{color:#e6e9ed;background:#171d26}.danger{color:#ffb7c0;background:#411b22;border-color:#70303c}.dangerText{color:#ff8796;font-size:12px}button:disabled{cursor:not-allowed;opacity:.5;filter:none}.result{background:#090c11;border:1px solid #394454;border-radius:8px;justify-content:space-between;align-items:center;margin-top:12px;padding:12px;display:flex}.tableWrap{margin-top:14px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:left;border-bottom:1px solid #242c37;padding:11px 8px}th{color:var(--muted);font-size:12px}code{color:#dfe6ee;word-break:break-all;font:12px Consolas}.ok{color:#72e69a;font-size:12px}@media (width<=760px){.grid{grid-template-columns:1fr}header,.titleRow{flex-direction:column;align-items:flex-start}.row{flex-wrap:wrap}}select{color:#fff;background:#171d26;border:1px solid #313b49;border-radius:8px;padding:10px 12px}.keyTools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.keyTools input{width:280px}.keyTools select{min-width:135px}.keyId{white-space:nowrap;letter-spacing:.03em}.result code{letter-spacing:.06em;font-size:14px}.warn{color:#ffc66d;font-size:12px}.delete{color:#ff8796;background:#2d0c12;border-color:#8a2637}td small{color:var(--muted);white-space:nowrap;margin-top:4px;font-size:11px;display:block}@media (width<=760px){.keyTools,.keyTools input,.keyTools select{width:100%}}.muted{color:var(--muted)}.userName{color:#fff}.durationAdder{align-items:center;gap:5px;display:flex}.durationAdder input{flex:none;width:64px}.durationAdder select{width:84px;padding-left:8px;padding-right:8px}.actions{flex-wrap:wrap;align-items:stretch}.actions button{white-space:nowrap}.tabs{border:1px solid var(--line);background:#0c1016;border-radius:11px;gap:8px;width:max-content;margin:16px 0 4px;padding:5px;display:flex}.tabs button{color:var(--muted);background:0 0;border-color:#0000;padding:9px 14px}.tabs button.active{color:#090b0e;background:#f4f5f6}.tabs button span{color:#fff;background:#252d39;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:6px;font-size:11px;display:inline-flex}.tabs button.active span{background:#242a32}.deviceBound{color:#ffc66d;font-size:12px}.deviceFree{color:#72e69a;font-size:12px}.resetButton{color:#090b0e;white-space:nowrap;background:#f4f5f6}.usersPanel table{min-width:900px}.usersPanel td:last-child,.usersPanel th:last-child{text-align:right}@media (width<=760px){.tabs{width:100%}.tabs button{flex:1}.usersPanel .titleRow{gap:12px}}