:root{--bg: #F6F8F7;--surface: #FFFFFF;--surface-2: #EEF2F0;--border: #E1E7E4;--text: #10201B;--text-muted: #5B6C64;--primary: #0E7C66;--primary-press: #0B6353;--accent: #F2A93B;--income: #1F9D6B;--expense: #D9584F;--planned: #6B7F9E;--warning: #E0A100;--danger: #C6453F;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-pill: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--shadow-card: 0 1px 2px rgba(16,32,27,.06), 0 2px 8px rgba(16,32,27,.05);--font: Inter, system-ui, -apple-system, sans-serif;--on-primary: #FFFFFF;--scrim: rgba(0, 0, 0, .35)}@media (prefers-color-scheme: dark){:root{--bg: #0E1513;--surface: #16201C;--surface-2: #1E2A25;--border: #26332D;--text: #EAF1ED;--text-muted: #93A69D;--primary: #2FB79A;--primary-press: #38C7A9;--accent: #F5B857;--income: #34C98A;--expense: #F0776B;--planned: #8CA0BE;--warning: #E8B84B;--danger: #E06A63}}:root[data-theme=light]{--bg: #F6F8F7;--surface: #FFFFFF;--surface-2: #EEF2F0;--border: #E1E7E4;--text: #10201B;--text-muted: #5B6C64;--primary: #0E7C66;--primary-press: #0B6353;--accent: #F2A93B;--income: #1F9D6B;--expense: #D9584F;--planned: #6B7F9E}:root[data-theme=dark]{--bg: #0E1513;--surface: #16201C;--surface-2: #1E2A25;--border: #26332D;--text: #EAF1ED;--text-muted: #93A69D;--primary: #2FB79A;--primary-press: #38C7A9;--accent: #F5B857;--income: #34C98A;--expense: #F0776B;--planned: #8CA0BE}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}.app-shell{max-width:480px;margin:0 auto;min-height:100%;position:relative;padding-bottom:88px;background:var(--surface)}.tabular{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}h1{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}h2{font-size:1.125rem;font-weight:600;letter-spacing:-.01em;line-height:1.25}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}button{font-family:inherit;color:inherit;cursor:pointer;min-height:44px}.field{width:100%;padding:var(--sp-3);border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:16px;margin-bottom:var(--sp-3)}.field-label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:4px}select.field{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path d="M2 4l4 4 4-4" fill="none" stroke="%239aa5a0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-repeat:no-repeat;background-position:right var(--sp-3) center;padding-right:calc(var(--sp-3) * 2 + 12px)}input:not([type=checkbox]):focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.btn{padding:var(--sp-3);border-radius:var(--r-sm);font-size:16px;font-weight:600;border:1px solid transparent;min-height:44px}.btn:disabled{cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.btn-primary:disabled{background:var(--surface-2);color:var(--text-muted);border-color:var(--surface-2)}.btn-secondary{background:transparent;color:var(--primary);border-color:var(--border)}.btn-danger{background:transparent;color:var(--danger);border-color:var(--danger)}.app-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:calc(var(--sp-4) + env(safe-area-inset-top,0px)) var(--sp-4) var(--sp-3)}.app-header-greeting{display:flex;flex-direction:column;line-height:1.2}.greet-line{font-size:13px;color:var(--text-muted)}.greet-name{font-size:19px;font-weight:700;color:var(--text);letter-spacing:-.01em}.avatar-btn{width:40px;height:40px;min-height:0;padding:0;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-weight:700;font-size:15px;display:grid;place-items:center;overflow:hidden}.avatar-img{width:100%;height:100%;object-fit:cover;display:block}.avatar-btn:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.month-nav{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-1) var(--sp-4) var(--sp-3)}.month-nav h1{font-size:1.375rem}.month-arrow{width:38px;height:38px;min-height:0;padding:0;border-radius:var(--r-pill);display:grid;place-items:center;border:none;background:var(--surface-2);color:var(--primary);font-size:20px;line-height:1}.month-arrow:active{background:var(--border)}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;background:var(--surface);border-top:1px solid var(--border);z-index:30;padding-bottom:env(safe-area-inset-bottom,0px)}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:var(--sp-2) 0 calc(var(--sp-2) + 2px);text-decoration:none;color:var(--text-muted);font-size:11px;position:relative}.tab svg{width:22px;height:22px;display:block}.tab.is-active{color:var(--primary)}.tab.is-active:before{content:"";position:absolute;top:0;width:28px;height:3px;border-radius:0 0 3px 3px;background:var(--primary)}.tab.is-disabled{opacity:.5}.tab-soon{font-size:8px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);line-height:1}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.menu{position:absolute;top:calc(100% - var(--sp-1));right:var(--sp-4);z-index:61;min-width:220px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-card);overflow:hidden}.menu-item{display:block;padding:var(--sp-3) var(--sp-4);color:var(--text);text-decoration:none;border-bottom:1px solid var(--border)}.menu-item:last-child{border-bottom:none}.menu-item:hover,.menu-item:focus-visible{background:var(--surface-2);outline:none}.swipe-row{position:relative;overflow:hidden;border-bottom:1px solid var(--border)}.swipe-fg{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface);text-align:left;cursor:pointer;touch-action:pan-y;will-change:transform}.swipe-fg:focus-visible{outline:none;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--primary) 45%,transparent)}.swipe-action{position:absolute;top:0;bottom:0;width:80px;z-index:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:none;color:var(--on-primary);font-size:11px;font-weight:600}.swipe-action svg{width:22px;height:22px}.segmented{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-3)}.segmented-btn{flex:1;padding:var(--sp-2);border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);color:var(--text)}.segmented-btn.is-active{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.checkbox{display:inline-flex;align-items:center;gap:var(--sp-2);cursor:pointer;min-height:44px}.checkbox input{position:absolute;width:1px;height:1px;opacity:0;margin:0}.checkbox-box{flex:none;width:20px;height:20px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);display:grid;place-items:center;color:var(--on-primary);transition:background .12s ease,border-color .12s ease}.checkbox-box svg{width:12px;height:12px;opacity:0}.checkbox input:checked+.checkbox-box{background:var(--primary);border-color:var(--primary)}.checkbox input:checked+.checkbox-box svg{opacity:1}.checkbox input:focus-visible+.checkbox-box{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}