:root{--font-family: "Outfit", system-ui, -apple-system, sans-serif;--ease-spring: cubic-bezier(.4, 0, .2, 1);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--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)}}@keyframes aurora-1{0%,to{top:-50%;left:-50%}50%{top:-20%;left:-20%}}@keyframes aurora-2{0%,to{bottom:-50%;right:-50%}50%{bottom:-20%;right:-20%}}@keyframes float-slow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes pulse-slow{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.05);opacity:.8}}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-fade-in{animation:fadeIn .8s var(--ease-out-expo) forwards}.animate-float-slow{animation:float-slow 8s ease-in-out infinite}.animate-pulse-slow{animation:pulse-slow 4s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:40;opacity:0;transition:opacity .3s ease}.sidebar-overlay.active{display:block;opacity:1}.mobile-sidebar{transition:transform .3s ease}.hamburger-btn{display:none;padding:.5rem;border:none;background:transparent;cursor:pointer;color:var(--text-primary)}@media(max-width:768px){:root{--sidebar-width: 260px;--header-height: 56px}.hamburger-btn{display:flex;align-items:center;justify-content:center}.mobile-sidebar{transform:translate(-100%)}.mobile-sidebar.open{transform:translate(0)}.main-content-mobile{margin-left:0!important}.header-search,.header-desktop-only{display:none!important}.stat-card{padding:1rem!important}.stat-card .stat-icon{width:40px!important;height:40px!important}.stat-card .stat-value{font-size:1.5rem!important}.responsive-grid{grid-template-columns:1fr!important;gap:1rem!important}.responsive-grid-2{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.page-title{font-size:1.5rem!important}.premium-table th,.premium-table td{padding:.75rem .5rem!important;font-size:.8rem!important}.hide-on-mobile{display:none!important}.content-area{padding:1rem!important}}@media(max-width:1024px)and (min-width:769px){:root{--sidebar-width: 220px}.stat-card{padding:1.25rem!important}.stat-card .stat-icon{width:44px!important;height:44px!important}.stat-card .stat-value{font-size:1.75rem!important}}