:root{--font-family: "Outfit", system-ui, -apple-system, sans-serif;--bg-app: #f8fafc;--bg-gradient: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--surface: #ffffff;--surface-glass: rgba(255, 255, 255, .7);--glass-border: 1px solid rgba(255, 255, 255, .5);--primary: #4f46e5;--primary-gradient: linear-gradient(135deg, #4f46e5 0%, #3730a3 100%);--primary-glow: 0 4px 14px 0 rgba(79, 70, 229, .3);--text-primary: #0f172a;--text-secondary: #64748b;--text-tertiary: #94a3b8;--border-subtle: #e2e8f0;--sidebar-width: 280px;--header-height: 70px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .02), 0 2px 4px -1px rgba(0, 0, 0, .02);--shadow-float: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -2px rgba(0, 0, 0, .025);--radius-lg: 16px;--radius-xl: 24px}[data-theme=dark]{--bg-app: #020617;--bg-gradient: radial-gradient(circle at 50% 0%, #1e1b4b 0%, #020617 60%);--surface: #0f172a;--surface-glass: rgba(15, 23, 42, .6);--glass-border: 1px solid rgba(255, 255, 255, .08);--primary: #6366f1;--primary-gradient: linear-gradient(135deg, #6366f1 0%, #4338ca 100%);--primary-glow: 0 4px 14px 0 rgba(99, 102, 241, .4);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-tertiary: #475569;--border-subtle: #1e293b;--shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-float: 0 20px 25px -5px rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:var(--bg-app);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:3px}.glass-panel{background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--glass-border);box-shadow:var(--shadow-card)}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-float);border-color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:12px;font-weight:500;font-size:.925rem;transition:all .2s ease;cursor:pointer;border:none;font-family:inherit}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--primary-glow)}.btn-primary:active{transform:scale(.98)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:#8080801a;color:var(--text-primary)}.premium-table{width:100%;border-collapse:separate;border-spacing:0}.premium-table th{padding:1rem 1.5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:600;border-bottom:1px solid var(--border-subtle);text-align:left}.premium-table td{padding:1.25rem 1.5rem;color:var(--text-primary);border-bottom:1px solid var(--glass-border);transition:background .2s}.premium-table tr:last-child td{border-bottom:none}.premium-table tr:hover td{background:#80808008}.input-premium{width:100%;padding:.875rem 1rem;background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:12px;color:var(--text-primary);font-family:inherit;transition:all .2s}.input-premium:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f133;background:var(--surface)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}