:root{--bg: #0a0a0f;--bg-2: #101017;--surface: #15151e;--surface-2: #1c1c28;--surface-3: #232330;--border: rgba(255, 255, 255, .06);--border-2: rgba(255, 255, 255, .1);--red: #C8102E;--red-soft: rgba(200, 16, 46, .12);--red-glow: rgba(200, 16, 46, .25);--green: #22c55e;--green-soft: rgba(34, 197, 94, .12);--yellow: #eab308;--yellow-soft: rgba(234, 179, 8, .1);--purple: #a855f7;--purple-soft: rgba(168, 85, 247, .1);--text: #f0f0f5;--text-2: #9b9bb0;--text-3: #5e5e72;--font: "DM Sans", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", "Fira Code", monospace;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}#root{max-width:none;margin:0;padding:0;text-align:left}.text-accent{color:var(--red)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:var(--bg);color:var(--text-2)}.loading-spinner{width:36px;height:36px;border:3px solid var(--surface-3);border-top-color:var(--red);border-radius:50%;animation:spin .8s linear infinite}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);position:relative;overflow:hidden}.login-bg-pattern{position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(200,16,46,.06) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(168,85,247,.04) 0%,transparent 50%);pointer-events:none}.login-card{position:relative;width:100%;max-width:420px;margin:1.5rem;padding:2.5rem;background:var(--surface);border:1px solid var(--border-2);border-radius:20px;box-shadow:0 0 0 1px #ffffff05,0 20px 60px #00000080}.login-logo{display:flex;align-items:center;gap:14px;margin-bottom:2rem}.login-logo-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--red-soft);color:var(--red);flex-shrink:0}.login-logo h1{font-size:1.4rem;font-weight:800;letter-spacing:-.5px}.login-subtitle{font-size:.82rem;color:var(--text-3);font-weight:500}.login-form{display:flex;flex-direction:column;gap:1.1rem}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.5px}.form-group input{background:var(--bg);border:1.5px solid var(--border-2);border-radius:var(--radius);padding:.8rem 1rem;font-family:var(--font);font-size:.95rem;color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s}.form-group input:focus{border-color:var(--red);box-shadow:0 0 0 3px var(--red-soft)}.form-group input::placeholder{color:var(--text-3)}.form-group input:disabled{opacity:.5}.login-error{display:flex;align-items:center;gap:10px;padding:.75rem 1rem;border-radius:var(--radius-sm);background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#f87171;font-size:.85rem;font-weight:500}.login-btn{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:.5rem;padding:.85rem;background:var(--red);color:#fff;border:none;border-radius:var(--radius);font-family:var(--font);font-size:.95rem;font-weight:700;cursor:pointer;transition:all .25s;box-shadow:0 4px 20px var(--red-glow)}.login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 30px #c8102e59}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-footer-text{text-align:center;font-size:.75rem;color:var(--text-3);margin-top:1.5rem}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:.75rem 2rem;background:#0a0a0fd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.topbar-brand{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:800;letter-spacing:-.3px}.topbar-icon{color:var(--red)}.topbar-actions{display:flex;align-items:center;gap:8px}.topbar-btn{display:flex;align-items:center;gap:6px;padding:.5rem .85rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-2);font-family:var(--font);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s}.topbar-btn:hover{background:var(--surface-3);color:var(--text)}.topbar-btn:disabled{opacity:.5}.logout-btn:hover{border-color:#ef44444d;color:#f87171}.main-content{max-width:1280px;margin:0 auto;padding:1.5rem 2rem 3rem}.stats-row{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card{display:flex;align-items:center;gap:14px;padding:1.25rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .25s}.stat-card:hover{border-color:var(--border-2);transform:translateY(-2px)}.stat-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-total .stat-icon{background:#60a5fa1a;color:#60a5fa}.stat-trial .stat-icon{background:var(--yellow-soft);color:var(--yellow)}.stat-premium .stat-icon{background:var(--purple-soft);color:var(--purple)}.stat-expired .stat-icon{background:#ef44441a;color:#f87171}.stat-blocked .stat-icon{background:#ef444426;color:#ef4444}.stat-value{font-size:1.75rem;font-weight:800;letter-spacing:-1px;line-height:1;font-family:var(--mono)}.stat-label{font-size:.78rem;color:var(--text-3);font-weight:500;margin-top:2px}.toolbar{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.search-wrap{flex:1;display:flex;align-items:center;gap:10px;padding:0 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s}.search-wrap:focus-within{border-color:var(--red)}.search-wrap svg{color:var(--text-3);flex-shrink:0}.search-wrap input{flex:1;background:transparent;border:none;padding:.7rem 0;font-family:var(--font);font-size:.9rem;color:var(--text);outline:none}.search-wrap input::placeholder{color:var(--text-3)}.filter-wrap{position:relative;display:flex;align-items:center}.filter-chevron{position:absolute;right:12px;color:var(--text-3);pointer-events:none}.filter-wrap select{appearance:none;padding:.7rem 2.5rem .7rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font);font-size:.85rem;color:var(--text);cursor:pointer;outline:none;transition:border-color .2s}.filter-wrap select:focus{border-color:var(--red)}.table-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:visible}.devices-table{width:100%;border-collapse:collapse;font-size:.85rem}.devices-table th{text-align:left;padding:.85rem 1rem;font-size:.72rem;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-2);border-bottom:1px solid var(--border)}.devices-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border);vertical-align:middle}.devices-table tbody tr{transition:background .15s}.devices-table tbody tr:hover{background:#ffffff05}.devices-table tbody tr:last-child td{border-bottom:none}.devices-table tr.row-expired{opacity:.6}.devices-table tr.row-expired:hover{opacity:1}.cell-id{display:flex;align-items:center;gap:6px}.mono-text{font-family:var(--mono);font-size:.78rem;color:var(--text-2);letter-spacing:.3px}.copy-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;color:var(--text-3);cursor:pointer;transition:all .15s;flex-shrink:0}.copy-btn:hover{background:var(--surface-3);color:var(--text)}.code-badge{font-family:var(--mono);font-weight:700;font-size:.85rem;color:var(--red);letter-spacing:2px;background:var(--red-soft);padding:3px 8px;border-radius:6px}.type-badge{display:inline-flex;align-items:center;gap:5px;font-size:.8rem;color:var(--text-2);font-weight:500}.type-badge svg{color:var(--text-3)}.date-cell{font-family:var(--mono);font-size:.78rem;color:var(--text-3)}.days-cell{font-family:var(--mono);font-weight:700;font-size:.82rem}.days-expired{color:#f87171}.days-premium{color:var(--purple)}.days-trial{color:var(--yellow)}.status-badge{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:100px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.badge-trial{background:var(--yellow-soft);color:var(--yellow)}.badge-premium{background:var(--purple-soft);color:var(--purple)}.badge-expired{background:#ef44441a;color:#f87171}.badge-blocked{background:#ef444426;color:#ef4444}.action-btns-wrap{position:relative}.action-btns{display:flex;gap:4px}.btn-action-menu{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-sm);border:1px solid rgba(96,165,250,.2);background:#60a5fa14;color:#60a5fa;cursor:pointer;transition:all .2s}.btn-action-menu:hover{background:#60a5fa2e;transform:scale(1.1)}.action-dropdown{position:absolute;bottom:100%;right:0;margin-bottom:4px;z-index:20;min-width:180px;background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--radius);padding:4px;box-shadow:0 -8px 40px #00000080;display:flex;flex-direction:column;gap:2px}.action-dropdown button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text);font-family:var(--font);font-size:.82rem;font-weight:500;cursor:pointer;transition:background .15s;white-space:nowrap}.action-dropdown button:hover{background:#ffffff0f}.action-dropdown button:first-child{color:var(--yellow)}.action-dropdown button:nth-child(2){color:var(--purple)}.action-dropdown button.lifetime-btn{color:var(--green)}.action-dropdown button.block-btn{color:#ef4444}.btn-success-sm,.btn-warning-sm,.btn-danger-sm,.btn-ghost-sm{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all .2s;font-family:var(--font)}.btn-success-sm{background:var(--green-soft);color:var(--green);border-color:#22c55e26}.btn-success-sm:hover{background:#22c55e33;transform:scale(1.1)}.btn-warning-sm{background:var(--yellow-soft);color:var(--yellow);border-color:#eab30826}.btn-warning-sm:hover{background:#eab30833;transform:scale(1.1)}.btn-danger-sm{background:#ef444414;color:#f87171;border-color:#ef444426}.btn-danger-sm:hover{background:#ef44442e;transform:scale(1.1)}.btn-ghost-sm{background:var(--surface-2);color:var(--text-2);border-color:var(--border)}.btn-ghost-sm:hover{background:var(--surface-3)}.confirm-delete{display:flex;gap:4px}.confirm-delete .btn-danger-sm,.confirm-delete .btn-ghost-sm{width:auto;padding:4px 10px;font-size:.72rem;font-weight:600}.table-loading,.table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:4rem 2rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-3)}.table-empty svg{opacity:.3}.table-empty p{font-weight:600;color:var(--text-2)}.table-empty span{font-size:.85rem}.table-footer{display:flex;justify-content:flex-end;padding:.75rem 0;font-size:.78rem;color:var(--text-3)}@media(max-width:1024px){.stats-row{grid-template-columns:repeat(2,1fr)}.main-content{padding:1rem}.topbar{padding:.75rem 1rem}}@media(max-width:768px){.stats-row{grid-template-columns:1fr 1fr}.toolbar{flex-direction:column}.search-wrap,.filter-wrap,.filter-wrap select{width:100%}.table-container{overflow-x:auto}.devices-table{min-width:800px}.stat-card{padding:1rem}.stat-value{font-size:1.4rem}}@media(max-width:480px){.stats-row{grid-template-columns:1fr}.login-card{padding:1.5rem;margin:1rem}}