*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0b1120;--surface:#111827;--surface2:#1a2438;--border:#ffffff12;--text:#f1f5f9;--muted:#8493a8;--brand:#2563eb;--font-body:"Inter", "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1)}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);text-align:left;padding:10px 14px;font-size:11px;font-weight:700}.data-table td{border-bottom:1px solid var(--border);color:#cbd5e1;padding:13px 14px;font-size:13px;transition:background-color .15s}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:#ffffff06}.btn{transition:background-color .15s ease, border-color .15s ease, color .15s ease, transform .1s var(--ease-out);border:none;border-radius:9px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.6;cursor:default;transform:none!important}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-ghost{border:1px solid var(--border);color:#94a3b8;background:#ffffff0f}.btn-ghost:hover{color:#e2e8f0;background:#ffffff1a}.btn-danger{color:#f87171;background:#ef44441a;border:1px solid #ef444433}.btn-success{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e33}.btn-sm{padding:5px 11px;font-size:12px}.icon-btn{color:var(--muted);transition:color .15s ease, transform .1s var(--ease-out);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{color:#e2e8f0}.icon-btn:active{transform:scale(.92)}.tab-btn{color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px;font-size:13px;font-weight:600;transition:color .15s,border-color .15s}.tab-btn[data-active=true]{color:var(--text);border-bottom-color:var(--brand)}.plan-btn{border:2px solid var(--border);background:var(--bg);color:#94a3b8;text-align:left;transition:border-color .15s ease, background-color .15s ease, color .15s ease, transform .1s var(--ease-out);border-radius:10px;padding:12px 10px}.plan-btn:active{transform:scale(.97)}.btn-login{background:linear-gradient(135deg, var(--brand), #1d4ed8);color:#fff;width:100%;transition:transform .1s var(--ease-out), filter .15s ease;border:none;border-radius:10px;margin-top:4px;padding:12px;font-size:14px;font-weight:700;box-shadow:0 4px 16px #2563eb4d}.btn-login:hover:not(:disabled){filter:brightness(1.08)}.btn-login:active:not(:disabled){transform:scale(.98)}.btn-login:disabled{opacity:.7;cursor:default}.badge{border-radius:99px;align-items:center;gap:4px;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.badge-green{color:#4ade80;background:#052e16}.badge-blue{color:#93c5fd;background:#1e3a5f}.badge-amber{color:#fbbf24;background:#2d1b00}.badge-red{color:#fca5a5;background:#2d0000}.badge-grey{color:#94a3b8;background:#1e293b}.badge-purple{color:#c4b5fd;background:#2e1065}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:24px;display:grid}.modal-overlay{z-index:500;background:#000000a6;justify-content:center;align-items:center;padding:20px;animation:.18s ease-out overlayIn;display:flex;position:fixed;inset:0}.modal-box{background:var(--surface);border:1px solid var(--border);transform-origin:50%;width:100%;max-width:560px;max-height:90vh;animation:modalIn .22s var(--ease-out);border-radius:18px;overflow-y:auto;box-shadow:0 32px 80px #0009}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.inp{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:9px;outline:none;padding:9px 13px;font-size:13px;transition:border-color .15s}.inp:focus{border-color:var(--brand)}.inp-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.fade-in{animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:99px}