:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f9;--surface:#fff;--surface-elevated:#fff;--border:#0000000f;--border-strong:#0000001a;--text-primary:#1a1d23;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--green-text:#15803d;--green-bg:#f0fdf4;--green-border:#bbf7d0;--green-mid:#86efac;--red-text:#dc2626;--red-bg:#fef2f2;--red-border:#fecaca;--red-mid:#fca5a5;--blue-text:#2563eb;--blue-bg:#eff6ff;--blue-border:#bfdbfe;--amber-text:#92400e;--amber-bg:#fffbeb;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 2px 8px #0000000f, 0 1px 2px #0000000a;--shadow-lg:0 8px 24px #00000014;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{min-width:320px;min-height:100dvh}.shell{width:100%;max-width:480px;padding:0 16px;padding-bottom:calc(72px + env(safe-area-inset-bottom,16px));margin:0 auto}.top-bar{z-index:10;background:var(--bg);justify-content:space-between;align-items:center;padding:12px 0;display:flex;position:sticky;top:0}.top-bar-left{flex-direction:column;display:flex}.top-bar h1{letter-spacing:-.01em;font-size:1.125rem;font-weight:600;line-height:1.2}.top-bar-freshness{color:var(--text-tertiary);font-size:.6875rem;font-weight:400}.top-bar-actions{align-items:center;gap:8px;display:flex}.icon-btn{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:background .12s,border-color .12s;display:inline-flex}.icon-btn:hover{background:var(--bg);border-color:var(--border-strong)}.icon-btn:active{transform:scale(.95)}.daily-hero{border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:12px;padding:20px;transition:background .3s}.daily-hero.day-neutral{background:var(--surface)}.daily-hero.day-positive{background:linear-gradient(135deg,#f0fdf4 0%,#fff 60%)}.daily-hero.day-negative{background:linear-gradient(135deg,#fef2f2 0%,#fff 60%)}.daily-hero-top{justify-content:space-between;align-items:flex-start;margin-bottom:4px;display:flex}.daily-hero-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;font-size:.8125rem;font-weight:500}.daily-hero-direction{border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:600}.daily-hero-direction.up{color:var(--green-text);background:var(--green-bg)}.daily-hero-direction.down{color:var(--red-text);background:var(--red-bg)}.daily-hero-direction.flat{color:var(--text-tertiary);background:var(--bg)}.daily-hero-balance{letter-spacing:-.02em;margin-bottom:16px;font-size:2.25rem;font-weight:700;line-height:1.1}.daily-hero-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.daily-hero-stat{border-radius:var(--radius-md);flex-direction:column;gap:2px;padding:12px;display:flex}.daily-hero-stat.opening{background:var(--blue-bg)}.daily-hero-stat.net-change{background:var(--bg)}.daily-hero-stat-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);font-size:.6875rem;font-weight:500}.daily-hero-stat-value{letter-spacing:-.01em;font-size:1.125rem;font-weight:600}.daily-hero-stat.opening .daily-hero-stat-value{color:var(--blue-text)}.flow-section{margin-bottom:16px}.flow-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.flow-card{border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);align-items:center;gap:10px;padding:14px;display:flex}.flow-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.flow-card.money-in .flow-icon{background:var(--green-bg);color:var(--green-text);border:1px solid var(--green-border)}.flow-card.money-out .flow-icon{background:var(--red-bg);color:var(--red-text);border:1px solid var(--red-border)}.flow-detail{flex-direction:column;gap:1px;min-width:0;display:flex}.flow-label{color:var(--text-tertiary);font-size:.75rem;font-weight:500}.flow-value{letter-spacing:-.01em;font-size:1.0625rem;font-weight:600}.flow-card.money-in .flow-value{color:var(--green-text)}.flow-card.money-out .flow-value{color:var(--red-text)}.flow-ratio{background:var(--border);border-radius:2px;height:4px;margin-top:10px;display:flex;overflow:hidden}.flow-ratio-in{background:var(--green-mid);border-radius:2px 0 0 2px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.flow-ratio-out{background:var(--red-mid);border-radius:0 2px 2px 0;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.section-header{justify-content:space-between;align-items:center;padding:16px 0 8px;display:flex}.section-title{color:var(--text-primary);font-size:.9375rem;font-weight:600}.section-action{color:var(--blue-text);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 8px;font-size:.8125rem;font-weight:500}.section-action:hover{background:var(--blue-bg)}.section-action:disabled{opacity:.5;cursor:wait}.activity-feed{flex-direction:column;gap:6px;display:flex}.activity-date-group{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;padding:12px 2px 4px;font-size:.75rem;font-weight:600}.activity-date-group:first-child{padding-top:4px}.activity-item{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:center;gap:12px;padding:12px 14px;display:flex}.activity-item.just-added{animation:.6s flashIn}@keyframes flashIn{0%{background:var(--green-bg)}to{background:var(--surface)}}.activity-source-icon{border-radius:var(--radius-sm);background:var(--bg);width:40px;height:40px;color:var(--text-secondary);border:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;display:flex}.activity-source-icon.paypal{color:#c87f0a;background:#fff8e1;border-color:#fde68a}.activity-source-icon.spark{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.activity-source-icon.marketplace{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.activity-body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.activity-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.activity-meta{color:var(--text-tertiary);font-size:.75rem}.activity-amount{text-align:right;letter-spacing:-.01em;flex-shrink:0;font-size:.9375rem;font-weight:600}.activity-amount.positive{color:var(--green-text)}.activity-amount.negative{color:var(--red-text)}.activity-amount.neutral{color:var(--text-secondary)}.change-positive{color:var(--green-text)}.change-negative{color:var(--red-text)}.change-neutral{color:var(--text-secondary)}.empty-state{text-align:center;color:var(--text-tertiary);flex-direction:column;align-items:center;gap:8px;padding:32px 16px;font-size:.875rem;display:flex}.empty-state-icon{opacity:.5;font-size:1.5rem}.empty-state-cta{color:var(--blue-text);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 8px;font-size:.8125rem;font-weight:500}.empty-state-cta:hover{background:var(--blue-bg)}.fab{bottom:calc(68px + env(safe-area-inset-bottom,0px));background:var(--text-primary);color:#fff;width:56px;height:56px;box-shadow:var(--shadow-lg);cursor:pointer;z-index:50;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;transition:transform .12s,box-shadow .12s;display:flex;position:fixed;right:20px}.fab:hover{transform:scale(1.05);box-shadow:0 12px 32px #00000029}.fab:active{transform:scale(.95)}.bottom-nav{background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0px);z-index:40;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-inner{width:100%;max-width:480px;display:flex}.bottom-nav-item{cursor:pointer;color:var(--text-tertiary);font:inherit;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 0 6px;transition:color .12s;display:flex}.bottom-nav-item.active{color:var(--text-primary)}.bottom-nav-icon{font-size:1.25rem;line-height:1}.bottom-nav-label{letter-spacing:.02em;font-size:.625rem;font-weight:500}.sheet-backdrop{z-index:100;background:#0000004d;animation:.2s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sheet{background:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:101;max-height:92dvh;padding-bottom:env(safe-area-inset-bottom,16px);animation:.25s cubic-bezier(.32,.72,0,1) slideUp;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{justify-content:center;padding:10px 0 4px;display:flex}.sheet-handle:after{content:"";background:var(--border-strong);border-radius:2px;width:36px;height:4px}.sheet-header{justify-content:space-between;align-items:center;padding:8px 20px 12px;display:flex}.sheet-title{font-size:1.0625rem;font-weight:600}.sheet-close{background:var(--bg);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.125rem;display:flex}.sheet-body{flex-direction:column;gap:16px;padding:0 20px 20px;display:flex}.quick-presets{flex-wrap:wrap;gap:6px;display:flex}.quick-preset{border:1px solid var(--border-strong);background:var(--bg);color:var(--text-secondary);cursor:pointer;font-size:.8125rem;font-weight:500;font:inherit;border-radius:999px;padding:6px 12px;transition:background .12s,border-color .12s}.quick-preset:hover{background:var(--surface);border-color:var(--text-tertiary)}.quick-preset.active{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.field-input{border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg);width:100%;color:var(--text-primary);font-size:1rem;font:inherit;outline:none;padding:12px 14px;transition:border-color .12s,box-shadow .12s}.field-input:focus{border-color:var(--blue-text);box-shadow:0 0 0 3px #2563eb1a}textarea.field-input{resize:vertical;min-height:72px}select.field-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.field-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.segmented{background:var(--bg);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;gap:4px;padding:3px;display:grid}.segment-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;font:inherit;background:0 0;border:none;padding:10px 12px;transition:background .12s,color .12s,box-shadow .12s}.segment-btn.active{background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.segment-btn.active-in{background:var(--green-bg);color:var(--green-text);box-shadow:var(--shadow-sm)}.segment-btn.active-out{background:var(--red-bg);color:var(--red-text);box-shadow:var(--shadow-sm)}.btn-primary{border-radius:var(--radius-md);background:var(--text-primary);color:#fff;cursor:pointer;width:100%;font-size:.9375rem;font-weight:600;font:inherit;border:none;padding:14px;font-weight:600;transition:opacity .12s,transform .12s}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:wait}.login-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:80dvh;padding:20px;display:flex}.login-logo{border-radius:var(--radius-lg);background:var(--text-primary);color:#fff;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.5rem;font-weight:700;display:flex}.login-title{letter-spacing:-.02em;font-size:1.375rem;font-weight:700}.login-subtitle{color:var(--text-tertiary);margin-top:-16px;font-size:.875rem}.login-form{flex-direction:column;gap:12px;width:100%;max-width:320px;display:flex}.settings-section{margin-top:8px;margin-bottom:24px}.settings-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.settings-row{border-bottom:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.settings-row:last-child{border-bottom:none}.settings-row-left{flex-direction:column;gap:1px;min-width:0;display:flex}.settings-row-title{font-size:.875rem;font-weight:500}.settings-row-detail{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.settings-row-action{color:var(--blue-text);cursor:pointer;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;font:inherit;background:0 0;border:none;flex-shrink:0;padding:4px 8px;font-weight:500}.settings-row-action:disabled{opacity:.5;cursor:wait}.settings-row-action.danger{color:var(--red-text)}.msg-error{background:var(--red-bg);color:var(--red-text);border-radius:var(--radius-md);border:1px solid var(--red-border);padding:10px 14px;font-size:.8125rem;font-weight:500}.msg-success{background:var(--green-bg);color:var(--green-text);border-radius:var(--radius-md);border:1px solid var(--green-border);padding:10px 14px;font-size:.8125rem;font-weight:500}.sync-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;padding:2px 8px;font-size:.6875rem;font-weight:600;display:inline-flex}.sync-badge.queued{color:var(--amber-text);background:var(--amber-bg)}.sync-badge.running{color:var(--blue-text);background:var(--blue-bg)}.sync-badge.completed{color:var(--green-text);background:var(--green-bg)}.sync-badge.failed{color:var(--red-text);background:var(--red-bg)}.anchor-info{color:var(--text-tertiary);align-items:center;gap:6px;margin-top:-4px;margin-bottom:8px;padding:0 2px;font-size:.75rem;display:flex}@media (width>=640px){.shell{max-width:520px;padding:0 24px 88px}.daily-hero{padding:24px}.daily-hero-balance{font-size:2.75rem}.fab{bottom:88px;right:calc(50% - 240px)}}@media (width>=1024px){.shell{max-width:560px}.fab{right:calc(50% - 256px)}}