:root{--font-sans: "Inter", sans-serif;--font-display: "Plus Jakarta Sans", sans-serif;--font-cuneiform: "Noto Sans Cuneiform", sans-serif;--clay-bg-light: #f8fafc;--clay-card-light: #ffffff;--clay-shadow-light: 20px 20px 60px #d1d5db, -20px -20px 60px #ffffff, inset 2px 2px 5px rgba(255, 255, 255, .5);--clay-bg-dark: #0f172a;--clay-card-dark: #1e293b;--clay-shadow-dark: 15px 15px 30px #0b1120, -15px -15px 30px #212d42, inset 2px 2px 4px rgba(255, 255, 255, .05);--accent-primary: #6366f1;--accent-glow: rgba(99, 102, 241, .5);--sat: env(safe-area-inset-top);--sar: env(safe-area-inset-right);--sab: env(safe-area-inset-bottom);--sal: env(safe-area-inset-left)}html,body{min-height:100%;min-height:100vh;margin:0;padding:0;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);overscroll-behavior:none}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-y:auto;background-color:var(--clay-bg-light);color:#0f172a;transition:background-color .5s ease,color .5s ease}.dark body{background-color:var(--clay-bg-dark);color:#f8fafc}#root{min-height:100vh;width:100%}#initial-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:#020617;background-image:radial-gradient(circle at 50% 50%,#1e293b,#020617)}.loader-spinner{width:80px;height:80px;border-radius:50%;border:4px solid rgba(99,102,241,.2);border-top-color:#6366f1;animation:initial-spin 1s linear infinite}@keyframes initial-spin{to{transform:rotate(360deg)}}#root:has(>div:not(#initial-loader)) #initial-loader,#root>#initial-loader:not(:only-child){display:none}main .glass-card{background-color:var(--clay-card-light)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:1px solid rgba(255,255,255,.4)!important;border-radius:32px!important;box-shadow:var(--clay-shadow-light)!important;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s cubic-bezier(.175,.885,.32,1.275),background-color .3s ease}.dark main .glass-card{background-color:var(--clay-card-dark)!important;box-shadow:var(--clay-shadow-dark)!important;border:1px solid rgba(255,255,255,.05)!important}main .glass-card:hover{transform:translateY(-4px);box-shadow:25px 25px 75px #cbd5e1,-25px -25px 75px #fff!important}.dark main .glass-card:hover{box-shadow:20px 20px 40px #080c17,-20px -20px 40px #243148!important}.shiny-button{border-radius:20px!important;box-shadow:5px 5px 10px #00000026,-5px -5px 10px #ffffff1a;transition:all .3s ease!important;position:relative;overflow:hidden}.shiny-button:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.shiny-button:hover:after{left:100%}.shiny-button:active{transform:scale(.96)!important;box-shadow:inset 3px 3px 6px #0003!important}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.03em}.premium-text{font-family:var(--font-display);font-weight:800;font-style:italic;letter-spacing:-.05em;background:linear-gradient(135deg,#0f172a,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dark .premium-text{background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b880;border-radius:20px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#94a3b8cc}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}input,select,textarea{transition:all .3s ease}input:focus,select:focus,textarea:focus{transform:translateY(-1px);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.recharts-wrapper,.recharts-surface,.recharts-wrapper svg,.recharts-wrapper *{outline:none!important;border:none!important;-webkit-tap-highlight-color:transparent!important}button:focus,div:focus,[tabindex]:focus{outline:none!important}*{-webkit-tap-highlight-color:transparent}main .glass-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.02) 0%,transparent 70%);pointer-events:none;border-radius:inherit;z-index:0}.dark main .glass-card:before{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.03) 0%,transparent 70%)}.premium-input{position:relative;background:linear-gradient(var(--clay-card-light),var(--clay-card-light)) padding-box,linear-gradient(135deg,#e2e8f0,#f1f5f9) border-box;border:2px solid transparent!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.premium-input:focus{background:linear-gradient(var(--clay-card-light),var(--clay-card-light)) padding-box,linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7,#6366f1) border-box;background-size:100% 100%,300% 300%;animation:gradient-x 3s ease infinite;box-shadow:0 0 20px #6366f126,0 10px 25px -5px #0000001a}.dark .premium-input{background:linear-gradient(var(--clay-card-dark),var(--clay-card-dark)) padding-box,linear-gradient(135deg,#334155,#475569) border-box}.dark .premium-input:focus{background:linear-gradient(var(--clay-card-dark),var(--clay-card-dark)) padding-box,linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7,#6366f1) border-box;background-size:100% 100%,300% 300%;box-shadow:0 0 30px #8b5cf640,0 10px 25px -5px #0000004d}@keyframes gradient-x{0%,to{background-position:0% 50%,0% 50%}50%{background-position:0% 50%,100% 50%}}.skeleton{background:linear-gradient(90deg,#e2e8f099,#f1f5f9cc,#e2e8f099);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.dark .skeleton{background:linear-gradient(90deg,#33415599,#475569cc,#33415599);background-size:200% 100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.premium-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:9px;padding:4px 10px;border-radius:20px;box-shadow:0 2px 10px #f59e0b66,inset 0 1px #ffffff4d}.glow-effect{position:relative}.glow-effect:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);border-radius:inherit;opacity:0;z-index:-1;filter:blur(15px);transition:opacity .3s ease}.glow-effect:hover:after{opacity:.4}.premium-card{position:relative;overflow:hidden}.premium-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(139,92,246,.08) 0%,transparent 50%);pointer-events:none}.dark .premium-card:after{background:radial-gradient(circle at 30% 30%,rgba(139,92,246,.12) 0%,transparent 50%)}.gradient-text{background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7,#6366f1);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-x 4s ease infinite}.hover-lift{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.hover-lift:hover{transform:translateY(-6px) scale(1.01)}.float-subtle{animation:float-subtle 3s ease-in-out infinite}@keyframes float-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.stat-number{font-variant-numeric:tabular-nums;letter-spacing:-.02em}.glass-backdrop{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#0f172abf}.btn-premium{position:relative;overflow:hidden;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 15px #6366f166,inset 0 1px #fff3;transition:all .3s ease}.btn-premium:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-premium:hover:before{left:100%}.btn-premium:hover{box-shadow:0 6px 25px #6366f180,inset 0 1px #fff3;transform:translateY(-2px)}.divider-gradient{height:1px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.3),transparent)}.dark .divider-gradient{background:linear-gradient(90deg,transparent,rgba(71,85,105,.5),transparent)}
