@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary: #00D084;--color-primary-dark: #00b070;--color-primary-light: rgba(0, 208, 132, .08);--color-secondary: #7B42FF;--color-secondary-light: #9B72FF;--color-danger: #FF4A5A;--color-danger-light: #FF7B88;--color-blue: #2D68FF;--color-blue-light: #5A8AFF;--color-warning: #FFC200;--color-warning-light: #FFD64D;--color-bg: #F4F6FA;--color-surface: #FFFFFF;--color-surface-2: #F1F3F6;--color-border: #E5E7EB;--color-text: #1F2937;--color-text-2: #4B5563;--color-text-3: #9CA3AF;--font-primary: "Outfit", sans-serif;--font-secondary: "Inter", sans-serif;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.08);--shadow-lg: 0 8px 32px rgba(0,0,0,.12)}.theme-dark{--color-bg: #09090B;--color-surface: #18181B;--color-surface-2: #27272A;--color-border: #27272A;--color-text: #FAFAFA;--color-text-2: #A1A1AA;--color-text-3: #71717A;--shadow-sm: 0 1px 3px rgba(0,0,0,.2);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.6)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-secondary);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}.app-shell{display:flex;flex-direction:column;height:100dvh;max-width:480px;margin:0 auto;background:var(--color-bg);position:relative;overflow:hidden;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}.scroll-area{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:90px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-area::-webkit-scrollbar{display:none}.card{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:var(--radius-full);font-family:var(--font-primary);font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:all .18s ease;white-space:nowrap}.btn-primary{background:var(--color-primary);color:#09090b}.btn-primary:active{transform:scale(.97);background:var(--color-primary-dark)}.btn-ghost{background:transparent;color:var(--color-text-2)}.btn-ghost:active{background:#0000000d}.theme-dark .btn-ghost:active{background:#ffffff0d}.btn-outline{background:transparent;border:1.5px solid var(--color-border);color:var(--color-text)}.btn-outline:active{background:#0000000d}.theme-dark .btn-outline:active{background:#ffffff0d}.input{width:100%;padding:14px 16px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-secondary);font-size:.9375rem;color:var(--color-text);background:var(--color-surface);transition:border-color .2s;outline:none}.input:focus{border-color:var(--color-primary)}.input::placeholder{color:var(--color-text-3)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-around;padding:8px 16px;padding-bottom:max(8px,env(safe-area-inset-bottom));z-index:100;box-shadow:0 -4px 20px #0000000d}.theme-dark .bottom-nav{box-shadow:0 -4px 20px #0000004d}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;background:transparent;border:none;cursor:pointer;padding:6px 16px;border-radius:var(--radius-sm);color:var(--color-text-3);transition:color .2s;flex:1}.nav-item.active{color:var(--color-secondary)}.nav-item span{font-size:.6875rem;font-family:var(--font-primary);font-weight:500}.fab{width:56px;height:56px;border-radius:50%;background:var(--color-primary);border:none;display:flex;align-items:center;justify-content:center;color:#09090b;cursor:pointer;box-shadow:0 4px 16px #00d08433;transition:transform .2s,box-shadow .2s;flex-shrink:0;margin-bottom:6px}.fab:active{transform:scale(.93)}.fab.open{background:var(--color-danger);color:#fff}.toggle-switch{position:relative;width:48px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-surface-2);border-radius:var(--radius-full);transition:background .2s;cursor:pointer}.toggle-slider:before{content:"";position:absolute;width:22px;height:22px;left:3px;bottom:3px;background:var(--color-surface);border-radius:50%;transition:transform .2s;box-shadow:0 1px 4px #0000001a}.theme-dark .toggle-slider:before{background:var(--color-text);box-shadow:0 1px 4px #0000004d}.toggle-switch input:checked+.toggle-slider{background:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px);background:#09090b}.form-row{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--color-border)}.form-row:last-child{border-bottom:none}.form-row-label{color:var(--color-text);font-size:.9375rem;flex:1}.form-row-icon{color:var(--color-text-3);flex-shrink:0}.pill-group{display:flex;gap:8px}.pill{padding:6px 16px;border-radius:var(--radius-full);border:1.5px solid var(--color-border);background:transparent;font-family:var(--font-primary);font-size:.875rem;color:var(--color-text-2);cursor:pointer;transition:all .18s}.pill.active{background:var(--color-primary);border-color:var(--color-primary);color:#09090b;font-weight:600}.context-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-full);background:#0000000f;border:1.5px solid rgba(0,0,0,.1);color:var(--color-text);font-family:var(--font-primary);font-weight:600;font-size:.9375rem;cursor:pointer;transition:background .2s}.theme-dark .context-badge{background:#ffffff1a;border:1.5px solid rgba(255,255,255,.15);color:#fff}.context-badge:active{background:#0000001f}.theme-dark .context-badge:active{background:#fff3}.category-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-full);border:1.5px solid var(--color-primary);background:transparent;color:var(--color-primary);font-size:.875rem;font-weight:500;cursor:pointer}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:200;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}.theme-dark .modal-overlay{background:#0009}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-sheet{background:var(--color-surface);border-radius:24px 24px 0 0;border-top:1px solid var(--color-border);width:100%;max-width:480px;padding:8px 0 32px;animation:slideUp .25s ease;max-height:90dvh;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-handle{width:40px;height:4px;background:var(--color-border);border-radius:var(--radius-full);margin:12px auto 20px}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--color-border);border-radius:var(--radius-md);overflow:hidden}.key{background:var(--color-surface);border:none;padding:16px;font-size:1.375rem;font-family:var(--font-primary);font-weight:400;color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.key:active{background:var(--color-surface-2)}.amount-display{font-family:var(--font-primary);font-size:3rem;font-weight:300;color:#fff;letter-spacing:-.02em}.amount-currency{font-size:1.5rem;font-weight:400;opacity:.8;vertical-align:top;margin-top:8px;margin-right:2px}.stat-pill{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-md);background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stat-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}.section-title{font-family:var(--font-primary);font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:12px}