@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";
:root{--bg-main:#0a1128;--bg-surface:#ffffff0d;--bg-surface-hover:#ffffff14;--bg-glass:#0a1128b3;--accent-primary:#5bb1cc;--accent-primary-glow:#5bb1cc66;--accent-secondary:#708090;--accent-tertiary:navy;--text-primary:#fff;--text-secondary:#9ba1a6;--text-tertiary:#6b7280;--border-subtle:#ffffff14;--shadow-glow:0 0 20px var(--accent-primary-glow);--shadow-glass:0 8px 32px 0 #0000005e;--font-sans:"Inter", sans-serif;--font-display:"Outfit", sans-serif;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.5s cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15%,#552de114 0%,#0000 50%),radial-gradient(circle at 85% 30%,#37afe114 0%,#0000 50%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600;line-height:1.2}.text-gradient{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);box-shadow:var(--shadow-glass);transition:transform var(--transition-smooth), box-shadow var(--transition-smooth);border-radius:24px}.glass-panel:hover{box-shadow:var(--shadow-glow);border-color:#ffffff26;transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;font-family:var(--font-sans);cursor:pointer;transition:var(--transition-bounce);border:none;border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;display:inline-flex;box-shadow:0 4px 15px #0003}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)scale(1.02)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-subtle);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-fast);border-radius:100px;padding:12px 28px;font-size:.95rem;font-weight:500}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:#fff3}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn}.delay-100{opacity:0;animation-delay:.1s}.delay-200{opacity:0;animation-delay:.2s}.delay-300{opacity:0;animation-delay:.3s}.container{max-width:1280px;margin:0 auto;padding:0 24px}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.responsive-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;width:100%;display:grid}.responsive-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:12px;width:100%;margin-bottom:16px;overflow-x:auto}@media (max-width:1024px){.container{padding:0 16px}.glass-panel{padding:24px!important}}@media (max-width:768px){.flex-mobile-col{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.mobile-full-width{width:100%!important;max-width:100%!important}h1{font-size:2rem!important}h2{font-size:1.5rem!important}.responsive-dashboard-layout{flex-direction:column!important}table{font-size:.85rem}th,td{white-space:nowrap;padding:12px 8px!important}}@media (max-width:480px){.glass-panel{border-radius:16px;padding:16px!important}.btn-primary,.btn-secondary{justify-content:center;width:100%}}