:root{--bg-primary:#f6f8f5;--surface-card:#fff;--surface-card-hover:#fafcf9;--nav-bg:#f6f8f5f0;--border-subtle:#dfe7de;--accent-wa:#15803d;--accent-wa-deep:#166534;--accent-sky:#0369a1;--accent-coral:#be394c;--accent-amber:#a16207;--accent-dark:#287568;--text-primary:#20372b;--text-secondary:#54665b;--text-muted:#64746b;--shadow-color-dark:#cad6da;--shadow-color-light:#fff;--shadow-raised-lg:0 12px 32px #20372b14;--shadow-raised:0 4px 20px #20372b0b;--shadow-raised-sm:0 2px 6px #20372b09;--shadow-recessed:none;--shadow-recessed-deep:0 0 0 3px #15803d1f;--glow-wa:6px 6px 16px var(--shadow-color-dark), -6px -6px 16px var(--shadow-color-light), 0 6px 20px #25d36659;--glow-sky:6px 6px 16px var(--shadow-color-dark), -6px -6px 16px var(--shadow-color-light), 0 6px 20px #00b4d859;--glow-coral:6px 6px 16px var(--shadow-color-dark), -6px -6px 16px var(--shadow-color-light), 0 6px 20px #ff6b6b59;--glow-amber:6px 6px 16px var(--shadow-color-dark), -6px -6px 16px var(--shadow-color-light), 0 6px 20px #f59e0b59;--chat-bubble-bot-bg:#e8f7f3;--badge-bg:var(--surface-card);--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px}[data-theme=dark]{--bg-primary:#121b24;--surface-card:#192430;--surface-card-hover:#1d2a38;--nav-bg:#121b24eb;--border-subtle:#2b3e5080;--accent-wa:#25d366;--accent-wa-deep:#20ba5a;--accent-sky:#38bdf8;--accent-coral:#fb7185;--accent-amber:#fbbf24;--accent-dark:#5fa4b3;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#a0b2c2;--shadow-color-dark:#0a1016;--shadow-color-light:#243343;--shadow-raised-lg:0 12px 32px #0000003d;--shadow-raised:0 4px 20px #00000029;--shadow-raised-sm:0 2px 6px #0000001f;--shadow-recessed:none;--shadow-recessed-deep:0 0 0 3px #25d3662e;--glow-wa:6px 6px 16px #090e14, -6px -6px 16px #243343, 0 6px 24px #25d36666;--glow-sky:6px 6px 16px #090e14, -6px -6px 16px #243343, 0 6px 24px #38bdf866;--glow-coral:6px 6px 16px #090e14, -6px -6px 16px #243343, 0 6px 24px #fb718566;--glow-amber:6px 6px 16px #090e14, -6px -6px 16px #243343, 0 6px 24px #fbbf2466;--chat-bubble-bot-bg:#152e28;--badge-bg:#192430}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;transition:background-color .3s,color .3s}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{color:var(--text-primary);background:0 0;border:none;font-family:inherit}select option{background:var(--surface-card);color:var(--text-primary)}input:focus,select:focus,textarea:focus{outline:none}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--shadow-color-dark);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--accent-dark)}.neu-card{border:1px solid var(--border-subtle);background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);transition:all .25s}.neu-card:hover{box-shadow:var(--shadow-raised-lg)}.neu-card-flat{border:1px solid var(--border-subtle);background:var(--surface-card);border-radius:var(--radius-md);box-shadow:var(--shadow-raised-sm)}.neu-card-recessed{background:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-recessed)}.neu-btn{border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-primary);box-shadow:var(--shadow-raised-sm);-webkit-user-select:none;user-select:none;cursor:pointer;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.neu-btn:hover:not(:disabled){box-shadow:var(--shadow-raised);color:var(--accent-dark);transform:translateY(-1px)}.neu-btn:active:not(:disabled){box-shadow:var(--shadow-recessed);transform:translateY(1px)}.neu-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.neu-btn-primary{background:#15803d;box-shadow:0 4px 10px #15803d29;color:#fff!important}.neu-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #15803d38}.neu-btn-primary:active:not(:disabled){box-shadow:inset 2px 2px 5px #0000004d,inset -2px -2px 5px #fff3}.neu-btn-teal{background:linear-gradient(135deg, var(--accent-dark) 0%, #2b5e6b 100%);box-shadow:4px 4px 12px #3a7d8c66, -4px -4px 12px var(--shadow-color-light);color:#fff!important}.neu-btn-icon{background:var(--surface-card);width:42px;height:42px;color:var(--text-secondary);box-shadow:var(--shadow-raised-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex}.neu-btn-icon:hover{color:var(--accent-dark);box-shadow:var(--shadow-raised)}.neu-btn-icon:active{box-shadow:var(--shadow-recessed)}.neu-btn-icon-active{box-shadow:var(--shadow-recessed);color:var(--accent-wa-deep)}.neu-input-container{border:1px solid var(--border-subtle);background:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-recessed);align-items:center;gap:10px;padding:12px 16px;transition:all .2s;display:flex}.neu-input-container:focus-within{box-shadow:var(--shadow-recessed-deep);border-color:var(--accent-wa)}.neu-input{width:100%;color:var(--text-primary);font-size:15px}.neu-input::placeholder{color:var(--text-muted)}.neu-pill{background:var(--surface-card);box-shadow:var(--shadow-raised-sm);color:var(--text-secondary);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.neu-pill-active{background:var(--bg-primary);box-shadow:var(--shadow-recessed);color:var(--accent-wa-deep)}.neu-chat-bubble{background:var(--surface-card);box-shadow:var(--shadow-raised-sm);border-radius:18px 18px 18px 4px;margin-bottom:12px;padding:14px 18px;transition:all .2s;position:relative}.neu-chat-bubble:hover{box-shadow:var(--shadow-raised)}.neu-chat-bubble-bot{background:var(--chat-bubble-bot-bg);border-left:4px solid var(--accent-wa);box-shadow:var(--shadow-raised-sm);border-radius:18px 18px 4px}.ambient-glow-wa{box-shadow:var(--glow-wa)!important}.ambient-glow-amber{box-shadow:var(--glow-amber)!important}.ambient-glow-sky{box-shadow:var(--glow-sky)!important}.pulse-dot{background:var(--accent-wa);width:9px;height:9px;box-shadow:0 0 10px var(--accent-wa);border-radius:50%;flex-shrink:0;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-ring;display:inline-block}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #25d366b3}70%{transform:scale(1.05);box-shadow:0 0 0 8px #25d36600}to{transform:scale(.95);box-shadow:0 0 #25d36600}}.spinning{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.friendly-hero{background:radial-gradient(at 50% 10%,#9ecf9133,#0000 68%);padding:88px 0 64px}.friendly-hero h1{text-wrap:balance;max-width:780px;margin-inline:auto}.friendly-hero .neu-pill{white-space:normal;border:1px solid var(--border-subtle);box-shadow:none;background:var(--chat-bubble-bot-bg)!important}.friendly-login{background:radial-gradient(ellipse at 50% 25%, #9ecf9129, transparent 70%), var(--bg-primary)!important}.friendly-dashboard{padding-bottom:48px}.neu-btn,.neu-btn-icon{border:1px solid var(--border-subtle);min-height:44px}.neu-btn-icon{min-width:44px}.neu-btn-primary,.neu-btn-teal{border-color:#0000}.neu-btn-teal{background:#28685e;box-shadow:0 4px 10px #28685e29}.neu-btn-teal:hover:not(:disabled){box-shadow:var(--shadow-raised)}.neu-pill{box-shadow:none;background:var(--chat-bubble-bot-bg)}.neu-chat-bubble{box-shadow:none;border:1px solid var(--border-subtle)}.ambient-glow-wa,.ambient-glow-sky,.ambient-glow-coral,.ambient-glow-amber{box-shadow:var(--shadow-raised)!important}:where(a,button,input,select,textarea):focus-visible{outline:3px solid var(--accent-wa-deep);outline-offset:4px}input,select,textarea{min-width:0}html{scroll-behavior:smooth;scroll-padding-top:96px}@media (width<=480px){.friendly-hero{padding:48px 0 36px}.friendly-hero p{font-size:16px!important}.friendly-hero .neu-btn{width:100%}.friendly-login>.neu-card{padding:28px 20px!important}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 20px}.neu-card,.neu-card-flat,.neu-input-container,.neu-chat-bubble{min-width:0}.neu-card,.neu-card-flat,.neu-chat-bubble{overflow-wrap:anywhere}.neu-btn svg,.neu-btn-icon svg,.neu-input-container>svg{flex-shrink:0}.demo-summary-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:16px;display:grid}.demo-composer>.neu-input-container{min-width:0}.demo-composer>button{flex-shrink:0}.transaction-description>div:last-child{min-width:0}.transaction-description .neu-pill{white-space:normal;max-width:100%}.category-filter,.category-filter>.neu-input-container{min-width:0;max-width:100%}.category-filter select{width:100%;min-width:0}.modal-panel{overscroll-behavior:contain;max-height:calc(100dvh - 40px);overflow-y:auto}@media (width<=768px){input,select,textarea{font-size:16px!important}.dashboard-filters{width:100%;min-width:0}.date-presets{width:100%}.date-presets>button{flex:1;min-width:0;padding-inline:8px!important}.date-range{flex:240px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;display:grid}.date-range>svg{display:none}.date-range input{width:100%!important}.transaction-pagination{flex-direction:column;gap:12px;align-items:stretch!important}.transaction-pagination>div>button{flex:1;min-width:0;padding-inline:8px!important}.category-summary-row,.mobile-card-heading{flex-wrap:wrap;gap:8px}.daily-chart{gap:4px!important}.daily-chart>div{min-width:0}.container{padding:0 14px}.neu-card{border-radius:var(--radius-md)!important;padding:18px!important}.hide-on-mobile{display:none!important}.mobile-flex-col{flex-direction:column!important;align-items:stretch!important}.mobile-full-width{width:100%!important}.mobile-scroll-x{white-space:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:6px;overflow-x:auto}.mobile-dates{flex-direction:column!important;width:100%!important}.mobile-dates input{width:100%!important}}@media (width<=480px){.landing-header .container{gap:8px}.landing-header .neu-btn{padding-inline:10px!important}.neu-card,.neu-card:hover,.neu-chat-bubble,.neu-chat-bubble:hover{box-shadow:none}.transaction-description{flex-basis:100%!important}.modal-overlay{padding:12px!important}.modal-panel{max-height:calc(100dvh - 24px)}.neu-btn{padding:10px 16px;font-size:13px}.container{padding:0 12px}}.tilt-3d{perspective:900px}.tilt-3d-inner{transform-style:preserve-3d;will-change:transform;transition:transform .2s cubic-bezier(.22,1,.36,1)}.depth-shadow{box-shadow:0 18px 40px #20372b1f,0 6px 14px #20372b14,0 2px 4px #20372b0f}[data-theme=dark] .depth-shadow{box-shadow:0 18px 40px #00000073,0 6px 14px #0000004d,0 2px 4px #0003}.float-y{animation:6s ease-in-out infinite float-y}.float-y-slow{animation:8.5s ease-in-out infinite float-y}.rotate-slow{animation:7s ease-in-out infinite rotate-slow}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes rotate-slow{0%,to{transform:rotateY(-4deg)translateY(0)}50%{transform:rotateY(4deg)translateY(-4px)}}.showcase-3d{perspective:900px;justify-content:center;align-items:center;min-height:470px;margin-top:36px;display:flex;position:relative}.showcase-3d-scene{justify-content:center;align-items:center;display:flex}.showcase-3d-float{width:220px;transform-style:preserve-3d;position:absolute}.showcase-3d-float-a{top:30px;left:0}.showcase-3d-float-b{bottom:40px;left:28px}.showcase-3d-float-c{top:110px;right:0}.showcase-3d-badge{background:var(--surface-card);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:99px;align-items:center;gap:8px;padding:10px 16px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;bottom:4px;right:20px}@media (width<=900px){.showcase-3d{flex-direction:column;gap:14px;min-height:0}.showcase-3d-scene{flex-direction:column}.showcase-3d-float{width:min(100%,320px);position:static}.showcase-3d-badge{position:static}}.trust-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:20px;display:grid}.lift-3d{transition:transform .2s cubic-bezier(.22,1,.36,1)}@media (hover:hover){.lift-3d:hover{transform:perspective(800px)rotateX(3deg)rotateY(-4deg)translateY(-4px)}}