.app-header{position:sticky;top:0;z-index:var(--z-raised);background:var(--color-surface);box-shadow:0 1px 0 var(--color-border);padding-top:env(safe-area-inset-top)}.app-header__inner{display:flex;align-items:center;gap:var(--space-2);width:min(100%,var(--content-max-width));margin:0 auto;padding:var(--space-3) var(--space-4);min-height:var(--header-height)}.header-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:none;border:none;cursor:pointer;color:var(--color-primary);flex-shrink:0;margin-left:-6px;transition:background var(--duration-micro) var(--ease-out)}.header-back-btn:hover{background:var(--color-primary-subtle)}.header-logo{flex-shrink:0;display:block}.header-home-link{display:flex;align-items:center;text-decoration:none;color:inherit;flex-shrink:0;border-radius:var(--radius-full)}.header-home-link:hover{opacity:.85}.app-header__title-link{flex:1;min-width:0;text-decoration:none;color:inherit}.app-header__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text-primary);letter-spacing:var(--tracking-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header__right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;min-width:36px;justify-content:flex-end}.header-user{position:relative}.header-user__btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-surface);border:none;cursor:pointer;font-weight:var(--weight-semibold);font-size:13px}.header-user__menu{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 12px 32px #0000001f;padding:var(--space-2);z-index:var(--z-overlay, 1000);display:grid;gap:var(--space-1)}.header-user__info{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-1)}.header-user__info-text{display:grid;gap:2px;min-width:0}.header-user__name{font-weight:var(--weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.header-user__menu-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:none;border:none;cursor:pointer;text-align:left;width:100%;color:var(--color-text-primary);font:inherit;transition:background var(--duration-micro) var(--ease-out);text-decoration:none}.header-user__menu-item:hover{background:var(--color-surface-raised)}.header-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);color:var(--color-text-secondary);text-decoration:none;transition:background var(--duration-micro) var(--ease-out),color var(--duration-micro) var(--ease-out)}.header-icon-btn:hover{background:var(--color-surface-raised);color:var(--color-text-primary)}@media(min-width:768px){.app-header__inner{padding-inline:var(--space-6)}}@media(min-width:1024px){.app-header{background:color-mix(in srgb,var(--color-surface) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in srgb,var(--color-border) 88%,transparent);box-shadow:none}.app-header__inner{padding-inline:var(--space-8)}}.toaster{position:fixed;bottom:calc(var(--bottom-nav-height, 64px) + var(--space-3));left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:var(--space-2);width:min(calc(100vw - var(--space-8)),420px);pointer-events:none}.toast{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);box-shadow:0 4px 12px #00000026;pointer-events:auto;animation:toast-in .2s var(--ease-out)}.toast--info{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary)}.toast--success{background:var(--success-bg);border:1px solid var(--success-text);color:var(--success-text)}.toast--error{background:var(--error-bg, #fef2f2);border:1px solid var(--error-text, #dc2626);color:var(--error-text, #dc2626)}.toast--warning{background:var(--amber-100);border:1px solid var(--amber-800);color:var(--amber-800)}.toast__message{flex:1}.toast__close{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:2px;opacity:.6;color:inherit}.toast__close:hover{opacity:1}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app-shell{display:flex;flex-direction:column;min-height:100dvh;position:relative;background:var(--color-bg);isolation:isolate}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle at top left,rgba(27,107,69,.08),transparent 32%),radial-gradient(circle at bottom right,rgba(217,119,6,.08),transparent 28%),var(--color-bg)}.page-content{flex:1;overflow-x:hidden}.brand-name{display:inline-block}.brand-flip{display:inline-block;animation:flip-m-to-w 1.2s cubic-bezier(.4,0,.2,1) .6s both}@keyframes flip-m-to-w{0%{transform:scaleY(-1)}to{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.brand-flip{animation:none}}.landing{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--green-300) 22%,transparent),transparent 32%),linear-gradient(135deg,var(--amber-50) 0%,var(--green-50) 50%,var(--green-900) 100%);color:var(--green-900)}.landing__topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 24px}.landing__brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.05rem;letter-spacing:.02em}.landing__hero{max-width:880px;width:100%;margin:32px auto 12px;padding:0 24px}.landing__eyebrow{margin:0 0 12px;color:#1f7a5c;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.landing__title{margin:0 0 18px;font-size:clamp(2.2rem,6vw,3.6rem);line-height:1.02;font-weight:800}.landing__lead{margin:0 0 24px;color:#2f4a40;line-height:1.55;max-width:620px;font-size:1.05rem}.landing__cta{display:flex;flex-wrap:wrap;gap:10px}.landing__features{max-width:1080px;width:100%;margin:48px auto;padding:0 24px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.landing__feature{padding:20px;background:color-mix(in srgb,var(--color-surface) 92%,transparent);border-radius:20px;border:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.landing__feature-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--color-primary-subtle);color:var(--color-primary);margin-bottom:10px}.landing__feature-title{margin:0 0 6px;font-size:1.05rem;font-weight:700}.landing__footer{padding:24px;text-align:center;color:#173f3599}.dashboard__hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-5);padding:var(--space-6);background:radial-gradient(circle at top right,color-mix(in srgb,var(--color-accent) 12%,transparent),transparent 30%),linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 90%,transparent),var(--color-surface))}.dashboard__hero-copy{display:flex;flex-direction:column;gap:var(--space-3)}.dashboard__eyebrow{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-primary)}.dashboard__title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.75rem);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.dashboard__hero-text{max-width:42ch;color:var(--color-text-secondary)}.dashboard__hero-mark{display:flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:var(--radius-2xl);background:var(--color-primary-subtle);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-primary) 10%,transparent)}.dashboard__hero-cta{align-self:flex-start}.dashboard__grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}.dashboard__panel{gap:var(--space-4)}.dashboard__search{display:flex;gap:var(--space-3);align-items:center}.dashboard__input-wrap{flex:1;display:flex;align-items:center;gap:var(--space-2);padding:12px 14px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:text;transition:border-color var(--duration-micro) var(--ease-out),box-shadow var(--duration-micro) var(--ease-out)}.dashboard__input-wrap:focus-within{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.dashboard__input{flex:1;border:none;outline:none;background:none;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-primary);min-width:0}.dashboard__input::placeholder{color:var(--color-text-disabled);font-family:var(--font-body)}.dashboard__recents{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.dashboard__empty{min-height:220px;justify-content:center}.dashboard__group-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);text-decoration:none;color:inherit}.dashboard__group-card--inactive{opacity:.6;background:repeating-linear-gradient(45deg,transparent,transparent 8px,rgba(0,0,0,.025) 8px,rgba(0,0,0,.025) 16px)}.dashboard__group-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-primary-subtle);color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard__group-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden}.dashboard__group-info .caption{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:639px){.dashboard__hero{grid-template-columns:1fr;text-align:center}.dashboard__hero-mark{justify-self:center}.dashboard__search{flex-direction:column}.dashboard__search .btn{width:100%}}:root{--green-50: #EDFAF3;--green-100: #C8F0DC;--green-200: #97DFB8;--green-300: #5EC991;--green-400: #2FAD6B;--green-500: #1B8A52;--green-600: #1B6B45;--green-700: #155537;--green-800: #0F3D28;--green-900: #092419;--amber-50: #FFFBEB;--amber-100: #FEF3C7;--amber-200: #FDE68A;--amber-300: #FCD34D;--amber-400: #FBBF24;--amber-500: #F59E0B;--amber-600: #D97706;--amber-700: #B45309;--amber-800: #92400E;--amber-900: #78350F;--neutral-0: #FFFFFF;--neutral-50: #FAFAF8;--neutral-100: #F4F4EF;--neutral-200: #E5E5DC;--neutral-300: #D1D1C4;--neutral-400: #A8A899;--neutral-500: #7C7C6E;--neutral-600: #5A5A4E;--neutral-700: #3D3D34;--neutral-800: #252520;--neutral-900: #1A1A16;--success-bg: #EDFAF3;--success: #1B6B45;--success-text: #0F3D28;--warning-bg: #FFFBEB;--warning: #D97706;--warning-text: #78350F;--error-bg: #FEF2F2;--error: #DC2626;--error-text: #7F1D1D;--info-bg: #EFF6FF;--info: #2563EB;--info-text: #1E3A8A;--color-primary: var(--green-600);--color-primary-hover: var(--green-700);--color-primary-light: var(--green-400);--color-primary-subtle: var(--green-50);--color-accent: var(--amber-600);--color-accent-hover: var(--amber-700);--color-accent-subtle: var(--amber-50);--color-bg: var(--neutral-50);--color-surface: var(--neutral-0);--color-surface-raised: var(--neutral-100);--color-divider: var(--neutral-200);--color-text-primary: var(--neutral-900);--color-text-secondary: var(--neutral-500);--color-text-disabled: var(--neutral-400);--color-text-inverse: var(--neutral-0);--color-border: var(--neutral-200);--color-border-focus: var(--green-600);--color-border-error: var(--error);--color-success: var(--success);--color-warning: var(--warning);--color-error: var(--error);--color-info: var(--info);--font-display: "Sora", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.65;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-widest: .1em;--type-amount-size: var(--text-3xl);--type-amount-weight: var(--weight-bold);--type-amount-font: var(--font-mono);--type-amount-sm-size: var(--text-xl);--type-amount-sm-weight: var(--weight-semibold);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(26,26,20,.08);--shadow-md: 0 4px 12px rgba(26,26,20,.1);--shadow-lg: 0 8px 24px rgba(26,26,20,.12);--shadow-xl: 0 16px 40px rgba(26,26,20,.14);--shadow-focus: 0 0 0 3px rgba(27,107,69,.25);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.45, 0, .55, 1);--duration-micro: .15s;--duration-normal: .25s;--duration-slow: .4s;--z-base: 0;--z-raised: 10;--z-overlay: 100;--z-modal: 200;--z-toast: 300;--content-max-width: 1200px;--content-narrow-width: 760px;--nav-rail-width: 248px;--header-height: 64px;--gradient-hero-primary: linear-gradient(135deg, var(--color-primary-subtle) 0%, var(--color-surface) 100%);--gradient-hero-accent: linear-gradient(135deg, var(--color-surface) 0%, var(--color-accent-subtle) 100%);--gradient-hero-warning: linear-gradient(135deg, var(--warning-bg) 0%, var(--color-surface) 100%)}[data-theme=dark]{--color-bg: var(--neutral-900);--color-surface: var(--neutral-800);--color-surface-raised: var(--neutral-700);--color-divider: var(--neutral-700);--color-text-primary: var(--neutral-50);--color-text-secondary: var(--neutral-400);--color-text-disabled: var(--neutral-600);--color-text-inverse: var(--neutral-900);--color-border: var(--neutral-700);--color-border-focus: var(--green-400);--color-primary: var(--green-400);--color-primary-hover: var(--green-300);--color-primary-light: var(--green-500);--color-primary-subtle: color-mix(in srgb, var(--green-400) 14%, transparent);--color-accent: var(--amber-400);--color-accent-hover: var(--amber-300);--color-accent-subtle: color-mix(in srgb, var(--amber-400) 12%, transparent);--success-bg: color-mix(in srgb, var(--green-400) 14%, transparent);--success: var(--green-300);--success-text: var(--green-300);--warning-bg: color-mix(in srgb, var(--amber-400) 12%, transparent);--warning: var(--amber-300);--warning-text: var(--amber-300);--error-bg: color-mix(in srgb, #F87171 12%, transparent);--error: #F87171;--error-text: #F87171;--info-bg: color-mix(in srgb, #60A5FA 12%, transparent);--info: #60A5FA;--info-text: #60A5FA;--color-success: var(--green-300);--color-warning: var(--amber-300);--color-error: #F87171;--color-info: #60A5FA;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .35);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .45);--shadow-xl: 0 16px 40px rgba(0, 0, 0, .5);--shadow-focus: 0 0 0 3px rgba(47, 173, 107, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-width:320px}#root{min-height:100dvh}a{color:inherit}.caption{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--leading-normal);color:var(--color-text-secondary)}.label{display:block;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);margin-bottom:var(--space-2)}.body-sm{font-size:var(--text-sm);line-height:var(--leading-normal)}.amount{font-family:var(--font-mono);font-size:var(--type-amount-size);font-weight:var(--type-amount-weight);letter-spacing:var(--tracking-tight)}.amount-sm{font-family:var(--font-mono);font-size:var(--type-amount-sm-size);font-weight:var(--type-amount-sm-weight);letter-spacing:var(--tracking-tight)}.amount-positive{color:var(--color-primary)}.amount-negative{color:var(--color-error)}.amount-zero{color:var(--color-text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-semibold);line-height:1;border:none;border-radius:var(--radius-full);cursor:pointer;transition:background var(--duration-micro) var(--ease-out),transform var(--duration-micro) var(--ease-out);white-space:nowrap;text-decoration:none;padding:14px 24px}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn:disabled{opacity:.45;pointer-events:none}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-primary-subtle);color:var(--color-primary)}.btn-secondary:hover{background:color-mix(in srgb,var(--color-primary) 15%,var(--color-surface))}.btn-outline{background:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary-subtle)}.btn-ghost{background:transparent;color:var(--color-text-primary)}.btn-ghost:hover{background:var(--color-surface-raised)}.btn-danger{background:var(--error-bg);color:var(--error)}.btn-danger:hover{background:color-mix(in srgb,var(--color-error) 18%,var(--color-surface))}.btn-sm{padding:10px 16px;font-size:var(--text-sm)}.btn-lg{padding:16px 32px;font-size:var(--text-lg)}.input{display:block;width:100%;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:12px 16px;transition:border-color var(--duration-micro) var(--ease-out),box-shadow var(--duration-micro) var(--ease-out);outline:none}.input::placeholder{color:var(--color-text-disabled)}.input:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.input.error{border-color:var(--color-border-error)}.input:disabled{background:var(--color-surface-raised);color:var(--color-text-disabled)}.card{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:var(--space-4)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;white-space:nowrap}.badge-success{background:var(--success-bg);color:var(--success-text)}.badge-warning{background:var(--warning-bg);color:var(--warning-text)}.badge-error{background:var(--error-bg);color:var(--error-text)}.badge-info{background:var(--info-bg);color:var(--info-text)}.badge-neutral{background:var(--color-surface-raised);color:var(--color-text-secondary)}.page{width:min(100%,var(--content-max-width));margin:0 auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-6);min-height:100%}.page--narrow{width:min(100%,var(--content-narrow-width))}.section{display:flex;flex-direction:column;gap:var(--space-3)}.section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.tab-strip{display:flex;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--color-border);background:var(--color-surface);position:sticky;top:calc(var(--header-height) + env(safe-area-inset-top));z-index:var(--z-base)}.tab-strip__tab{flex:1;padding:var(--space-2) var(--space-3);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);transition:color var(--duration-micro) var(--ease-out),background var(--duration-micro) var(--ease-out);white-space:nowrap}.tab-strip__tab--active{color:var(--color-primary);background:var(--color-primary-subtle);font-weight:var(--weight-semibold)}.tab-strip__tab:hover:not(.tab-strip__tab--active){color:var(--color-text-primary);background:var(--color-surface-raised)}.row-interactive{cursor:pointer;transition:background var(--duration-micro) var(--ease-out)}.row-interactive:hover{background:#1b6b450d}.row-interactive:active{transform:scale(.99)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-12) var(--space-8);text-align:center}.skeleton{background:linear-gradient(90deg,var(--color-surface-raised) 25%,var(--color-divider) 50%,var(--color-surface-raised) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(min-width:768px){.page{padding:var(--space-6);gap:var(--space-8)}}.avatar{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-text-inverse);font-weight:var(--weight-semibold);flex-shrink:0;-webkit-user-select:none;user-select:none}@media(prefers-reduced-motion:reduce){.skeleton{animation:none;background:var(--color-divider)}.btn:active,.row-interactive:active{transform:none}}