@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--color-bg:#0b0d14;--color-surface:#13161f;--color-surface-hover:#1c1f2b;--color-surface-raised:#222638;--color-border:#2a2e42;--color-border-subtle:#1e2130;--color-text:#f0f2f5;--color-text-secondary:#a1a8b8;--color-text-muted:#636b7e;--color-primary:#7c5cfc;--color-primary-hover:#a78bfa;--color-primary-muted:#7c5cfc24;--color-success:#34d399;--color-success-muted:#34d39924;--color-warning:#fbbf24;--color-warning-muted:#fbbf2424;--color-danger:#f87171;--color-danger-muted:#f8717124;--color-accent:#22d3ee;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 14px #00000059;--shadow-lg:0 8px 32px #0006;--shadow-glow:0 0 24px #7c5cfc33;--auth-gradient:linear-gradient(135deg, #0b0d14 0%, #1e1245 50%, #0b0d14 100%)}[data-theme=light]{--color-bg:#f5f7fa;--color-surface:#fff;--color-surface-hover:#f0f2f7;--color-surface-raised:#e8ecf2;--color-border:#dfe3ec;--color-border-subtle:#e8ecf2;--color-text:#1a1d2e;--color-text-secondary:#4b5068;--color-text-muted:#8790a5;--color-primary:#6d4aed;--color-primary-hover:#5635d0;--color-primary-muted:#6d4aed1a;--color-success:#16a362;--color-success-muted:#16a3621a;--color-warning:#d97706;--color-warning-muted:#d977061a;--color-danger:#dc2626;--color-danger-muted:#dc262614;--color-accent:#0891b2;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 14px #00000014;--shadow-lg:0 8px 32px #0000001a;--shadow-glow:0 0 24px #6d4aed1f;--auth-gradient:linear-gradient(135deg, #e8ecf2 0%, #d8d0f8 50%, #e8ecf2 100%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}a{color:var(--color-primary-hover);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary)}input,select,textarea{color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;width:100%;padding:.65rem .85rem;font-family:inherit;font-size:.933rem}input[type=checkbox],input[type=radio]{background:0 0;border:none;flex:none;width:auto;padding:0}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-muted)}input::placeholder{color:var(--color-text-muted)}label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.35rem;font-size:.8rem;font-weight:600;display:block}button{cursor:pointer;transition:all var(--transition-fast);border:none;outline:none;font-family:inherit}.btn{border-radius:var(--radius-md);letter-spacing:.01em;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));color:#fff;box-shadow:var(--shadow-sm), 0 0 20px var(--color-primary-muted)}.btn-primary:hover{background:linear-gradient(135deg, var(--color-primary-hover), var(--color-primary));box-shadow:var(--shadow-md), var(--shadow-glow);transform:translateY(-1px)}.btn-ghost{color:var(--color-text-secondary);background:0 0;padding:.5rem .85rem}.btn-ghost:hover{background:var(--color-surface-hover);color:var(--color-text)}.btn-outline{color:var(--color-text-secondary);border:1px solid var(--color-border);background:0 0}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary-hover);background:var(--color-primary-muted)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-sm{border-radius:var(--radius-sm);padding:.4rem .75rem;font-size:.8rem}.btn-lg{border-radius:var(--radius-lg);padding:.75rem 1.75rem;font-size:1rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base);padding:1.25rem}.card:hover{border-color:var(--color-border);box-shadow:var(--shadow-md)}.card-interactive:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow);transform:translateY(-2px)}table{border-collapse:separate;border-spacing:0;width:100%}table thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);background:var(--color-surface);padding:.75rem 1rem;font-size:.75rem;font-weight:600}table tbody td{border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-secondary);padding:.7rem 1rem;font-size:.875rem}table tbody tr{transition:background var(--transition-fast)}table tbody tr:hover{background:var(--color-surface-hover)}table tbody tr:last-child td{border-bottom:none}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.72rem;font-weight:600;display:inline-flex}.badge-success{background:var(--color-success-muted);color:var(--color-success)}.badge-warning{background:var(--color-warning-muted);color:var(--color-warning)}.badge-danger{background:var(--color-danger-muted);color:var(--color-danger)}.badge-primary{background:var(--color-primary-muted);color:var(--color-primary-hover)}.stat-value{letter-spacing:-.02em;background:linear-gradient(135deg, var(--color-text) 0%, var(--color-text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;line-height:1.1}.stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-size:.75rem;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .4s var(--transition-base) both}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scrollbar-thin::-webkit-scrollbar{width:6px}.scrollbar-thin::-webkit-scrollbar-track{background:0 0}.scrollbar-thin::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}
