:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Plus Jakarta Sans", var(--font-sans);--font-cuneiform: "Noto Sans Cuneiform", sans-serif;--primary-50: #f5f3ff;--primary-100: #ede9fe;--primary-200: #ddd6fe;--primary-300: #c4b5fd;--primary-400: #a78bfa;--primary-500: #8b5cf6;--primary-600: #7c3aed;--primary-700: #6d28d9;--primary-800: #5b21b6;--primary-900: #4c1d95;--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-elevated: #ffffff;--bg-card: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border-light: rgba(148, 163, 184, .2);--border-medium: rgba(148, 163, 184, .3);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .06);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .05), 0 2px 4px -2px rgba(15, 23, 42, .05);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .08), 0 4px 6px -4px rgba(15, 23, 42, .05);--shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, .1), 0 8px 10px -6px rgba(15, 23, 42, .05);--shadow-2xl: 0 25px 50px -12px rgba(15, 23, 42, .2);--shadow-glow: 0 0 40px rgba(139, 92, 246, .15);--shadow-card: 0 1px 3px rgba(15, 23, 42, .04), 0 6px 16px rgba(15, 23, 42, .06), 0 24px 48px rgba(15, 23, 42, .06);--shadow-card-hover: 0 1px 3px rgba(15, 23, 42, .04), 0 12px 24px rgba(15, 23, 42, .1), 0 32px 64px rgba(15, 23, 42, .08);--sat: env(safe-area-inset-top);--sar: env(safe-area-inset-right);--sab: env(safe-area-inset-bottom);--sal: env(safe-area-inset-left);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275)}.dark{--bg-primary: #0a0a0f;--bg-secondary: #111118;--bg-elevated: #18181f;--bg-card: #1a1a22;--text-primary: #f8fafc;--text-secondary: #a1a1aa;--text-muted: #71717a;--border-light: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .7);--shadow-glow: 0 0 60px rgba(139, 92, 246, .2);--shadow-card: 0 1px 2px rgba(0, 0, 0, .2), 0 4px 12px rgba(0, 0, 0, .15), 0 16px 32px rgba(0, 0, 0, .1);--shadow-card-hover: 0 1px 2px rgba(0, 0, 0, .2), 0 8px 24px rgba(0, 0, 0, .25), 0 24px 48px rgba(0, 0, 0, .15)}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;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden;overflow-y:auto;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .4s var(--ease-out-expo),color .3s ease}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(139,92,246,.08) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(99,102,241,.05) 0%,transparent 50%);pointer-events:none;z-index:-1}.dark body:before{background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(99,102,241,.08) 0%,transparent 50%)}#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:linear-gradient(135deg,#0a0a0f,#111118)}.loader-spinner{width:56px;height:56px;border-radius:50%;border:3px solid rgba(139,92,246,.15);border-top-color:#8b5cf6;animation:initial-spin .8s cubic-bezier(.5,0,.5,1) infinite;box-shadow:0 0 30px #8b5cf64d}@keyframes initial-spin{to{transform:rotate(360deg)}}#root:has(>div:not(#initial-loader)) #initial-loader,#root>#initial-loader:not(:only-child){display:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.025em;line-height:1.2}.premium-text{font-family:var(--font-display);font-weight:800;letter-spacing:-.04em;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}main .glass-card,.glass-card{position:relative;background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:20px;box-shadow:var(--shadow-card);transition:transform .4s var(--ease-spring),box-shadow .4s var(--ease-out-expo),border-color .3s ease;overflow:hidden}main .glass-card:before,.glass-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.04) 0%,transparent 50%);pointer-events:none;border-radius:inherit}main .glass-card:hover,.glass-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:var(--border-medium)}.stat-card{position:relative;background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;padding:20px;box-shadow:var(--shadow-md);transition:all .3s var(--ease-out-expo);overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-500),var(--primary-400));opacity:0;transition:opacity .3s ease}.stat-card:hover:before{opacity:1}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-number{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.02em}.btn-premium{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-family:var(--font-sans);font-weight:600;font-size:14px;color:#fff;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-500) 100%);border:none;border-radius:12px;box-shadow:0 4px 12px #8b5cf64d,inset 0 1px #ffffff26;cursor:pointer;overflow:hidden;transition:all .3s var(--ease-out-expo)}.btn-premium:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.btn-premium:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf666,inset 0 1px #ffffff26}.btn-premium:hover:before{left:100%}.btn-premium:active{transform:translateY(0);box-shadow:0 2px 8px #8b5cf64d,inset 0 1px #ffffff26}.shiny-button{position:relative;border-radius:16px;box-shadow:var(--shadow-lg);transition:all .3s var(--ease-out-expo);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,.25),transparent);transition:left .5s ease}.shiny-button:hover:after{left:100%}.shiny-button:active{transform:scale(.97)}input,select,textarea{font-family:var(--font-sans);transition:all .3s var(--ease-out-expo)}.premium-input{position:relative;background:var(--bg-card);border:2px solid var(--border-light);border-radius:12px;padding:12px 16px;font-size:15px;color:var(--text-primary);transition:all .3s var(--ease-out-expo)}.premium-input:hover{border-color:var(--border-medium)}.premium-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 4px #8b5cf61a,var(--shadow-md)}.premium-input::placeholder{color:var(--text-muted)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b880}.dark ::-webkit-scrollbar-thumb{background:#ffffff26}.dark ::-webkit-scrollbar-thumb:hover{background:#ffffff40}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.premium-badge{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);color:#fff;font-family:var(--font-sans);font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:4px 10px;border-radius:100px;box-shadow:0 2px 8px #f59e0b59,inset 0 1px #ffffff40}.glow-effect{position:relative}.glow-effect:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,var(--primary-500),var(--primary-400),var(--primary-600));border-radius:inherit;opacity:0;z-index:-1;filter:blur(20px);transition:opacity .4s ease}.glow-effect:hover:after{opacity:.35}.gradient-text{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-400) 50%,var(--primary-600) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease infinite}@keyframes gradient-shift{0%,to{background-position:0% center}50%{background-position:100% center}}.hover-lift{transition:transform .3s var(--ease-out-back),box-shadow .3s ease}.hover-lift:hover{transform:translateY(-6px)}.float-subtle{animation:float-subtle 4s ease-in-out infinite}@keyframes float-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #8b5cf633}50%{box-shadow:0 0 40px #8b5cf666}}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-elevated) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.glass-backdrop{backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);background:#0f172acc}.dark .glass-backdrop{background:#000000bf}.divider-gradient{height:1px;background:linear-gradient(90deg,transparent,var(--border-medium),transparent)}.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}header{background:#ffffffd9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border-light)}.dark header{background:#0a0a0fe6}.bottom-nav,nav[class*=fixed][class*=bottom]{background:#fffffff2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid var(--border-light)}.dark .bottom-nav,.dark nav[class*=fixed][class*=bottom]{background:#121218f2}.modal-overlay{background:#0f172a99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dark .modal-overlay{background:#000000bf}.modal-content{background:var(--bg-card);border:1px solid var(--border-light);border-radius:24px;box-shadow:var(--shadow-2xl)}.toast-container{position:fixed;bottom:100px;left:50%;transform:translate(-50%);z-index:9999}.toast{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;padding:12px 20px;box-shadow:var(--shadow-xl);font-weight:500}.card-elevated{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:16px;box-shadow:var(--shadow-lg)}.card-interactive{cursor:pointer;transition:all .3s var(--ease-out-expo)}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);border-color:var(--primary-200)}.dark .card-interactive:hover{border-color:#8b5cf64d}.accent-border-top{position:relative}.accent-border-top:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-500),var(--primary-400));border-radius:3px 3px 0 0}.receipt-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;padding:16px;box-shadow:var(--shadow-sm);transition:all .3s var(--ease-out-expo)}.receipt-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-medium)}.category-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:100px;font-size:13px;font-weight:500;color:var(--text-secondary);transition:all .2s ease}.category-pill:hover{background:var(--bg-elevated);border-color:var(--border-medium)}.category-pill.active{background:var(--primary-100);border-color:var(--primary-200);color:var(--primary-700)}.dark .category-pill.active{background:#8b5cf626;border-color:#8b5cf64d;color:var(--primary-400)}.animate-in{animation:animate-in .4s var(--ease-out-expo)}@keyframes animate-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .3s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-scale-in{animation:scale-in .3s var(--ease-out-back)}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:640px){.glass-card,main .glass-card{border-radius:16px}.stat-card{padding:16px;border-radius:14px}}@media print{body:before{display:none}.glass-card,.stat-card{box-shadow:none;border:1px solid #e2e8f0}}