:root{--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--r-sm:8px;--r-md:14px;--r-lg:22px;--r-pill:999px;--fs-sm:.8125rem;--fs-md:1rem;--fs-lg:1.25rem;--fs-xl:1.75rem;--dur:.18s;--ease:cubic-bezier(.2,.7,.2,1);--violet:#6d4aff;--blue:#2f80ed;--cyan:#12a8bd;--green:#1f9d5b;--coral:#e8553d;--amber:#c98100;--bg:#f4f3fb;--surface:#fff;--surface-2:#ecebf7;--fg:#1a1830;--muted:#5f5d7a;--border:#d9d7ec;--accent:var(--violet);--accent-fg:#fff;--focus:#1b6bff;--income:#1f9d5b;--expense:#e8553d;--balance-pos:#2f80ed;--balance-neg:#c4262e;--projection:#8a63ff;--warning:#b26b00;--danger:#c4262e;--success:#1f7a4c;--piggy:#0e93a6;--grad-hero:linear-gradient(135deg, #6d4aff 0%, #2f80ed 55%, #12a8bd 100%);--shadow-1:0 1px 2px #1e145014, 0 4px 14px #1e14500f;--shadow-2:0 10px 40px #1e14502e;--grid:#e3e1f2}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f0e1a;--surface:#1a1830;--surface-2:#25223f;--fg:#eeeefa;--muted:#a9a7c7;--border:#34315a;--piggy:#3ad1e4;--accent:#9b84ff;--accent-fg:#100c28;--focus:#7fb0ff;--income:#3ddc8e;--expense:#ff7a62;--balance-pos:#6aa9ff;--balance-neg:#ff6b73;--projection:#b39dff;--warning:#ffb547;--danger:#ff6b73;--success:#3ddc8e;--grad-hero:linear-gradient(135deg, #3c2a9e 0%, #1d4f9e 55%, #0b6f7d 100%);--shadow-1:0 1px 2px #0006, 0 4px 14px #0000004d;--shadow-2:0 10px 40px #0009;--grid:#2b2850}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-reduced-motion:reduce){:root{--dur:0s}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);background:var(--bg);color:var(--fg);font-size:var(--fs-md);-webkit-text-size-adjust:100%;margin:0;line-height:1.45}h1,h2,h3{margin:0;line-height:1.2}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.small{font-size:var(--fs-sm)}.mono{font-variant-numeric:tabular-nums}.income{color:var(--income)}.expense{color:var(--expense)}.neg{color:var(--balance-neg)}.pos{color:var(--balance-pos)}.shell{min-height:100vh;padding-bottom:calc(68px + env(safe-area-inset-bottom));grid-template-columns:1fr;display:grid}.sidebar{display:none}.tabbar{background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:20;grid-template-columns:repeat(6,1fr);display:grid;position:fixed;inset:auto 0 0}.nav-item{color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;min-height:56px;padding:8px 2px;font-size:11px;text-decoration:none;display:flex}.nav-item svg{width:22px;height:22px}.nav-item[aria-current=page]{color:var(--accent);font-weight:600}.main{padding:var(--sp-4);padding-top:calc(var(--sp-4) + env(safe-area-inset-top));width:100%;min-width:0;max-width:1180px;margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);display:flex}.brand{font-weight:800;font-size:var(--fs-lg);background:var(--grad-hero);color:#0000;-webkit-background-clip:text;background-clip:text}@media (width>=900px){.shell{grid-template-columns:232px 1fr;padding-bottom:0}.sidebar{gap:var(--sp-2);padding:var(--sp-5) var(--sp-4);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.sidebar .nav-item{font-size:var(--fs-md);gap:var(--sp-3);border-radius:var(--r-md);flex-direction:row;justify-content:flex-start;min-height:44px;padding:10px 12px}.sidebar .nav-item[aria-current=page]{background:var(--surface-2)}.tabbar{display:none}.main{padding:var(--sp-6)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4);box-shadow:var(--shadow-1);min-width:0;animation:rise var(--dur) var(--ease)}.card h2{font-size:var(--fs-md)}.grid{gap:var(--sp-4);display:grid}.grid.kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.grid.two{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}.section-header{justify-content:space-between;align-items:flex-end;gap:var(--sp-3);margin:var(--sp-5) 0 var(--sp-3);flex-wrap:wrap;display:flex}.section-header h1{font-size:var(--fs-xl)}.section-header h2{font-size:var(--fs-lg)}.kpi{flex-direction:column;gap:4px;display:flex}.kpi .label{font-size:var(--fs-sm);color:var(--muted)}.kpi .value{overflow-wrap:anywhere;font-size:1.35rem;font-weight:700}.kpi.hero{background:var(--grad-hero);color:#fff;border:0}.kpi.hero .label{color:#ffffffd9}.kpi.hero .value{color:#fff}.kpi .hint{font-size:var(--fs-sm);color:var(--muted)}.kpi.hero .hint{color:#ffffffd9}.btn{min-height:44px;padding:0 var(--sp-4);border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface-2);cursor:pointer;transition:transform var(--dur) var(--ease), background var(--dur);justify-content:center;align-items:center;gap:6px;font-weight:600;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn.primary{background:var(--accent);color:var(--accent-fg);border-color:#0000}.btn.danger{color:var(--danger);border-color:var(--danger);background:0 0}.btn.ghost{background:0 0}.btn.sm{min-height:36px;padding:0 var(--sp-3);font-size:var(--fs-sm)}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field label{font-size:var(--fs-sm);font-weight:600}.input{min-height:44px;padding:0 var(--sp-3);border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);width:100%}.input[aria-invalid=true]{border-color:var(--danger)}.field .err{color:var(--danger);font-size:var(--fs-sm)}.field .help{color:var(--muted);font-size:var(--fs-sm)}.form-grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));display:grid}.row{gap:var(--sp-2);flex-wrap:wrap;align-items:center;display:flex}.chips{gap:var(--sp-2);padding-bottom:4px;display:flex;overflow-x:auto}.chip{min-height:36px;padding:0 var(--sp-3);border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);cursor:pointer;font-size:var(--fs-sm);flex:none}.chip[aria-pressed=true]{background:var(--accent);color:var(--accent-fg);border-color:#0000;font-weight:700}.badge{border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--border);align-items:center;gap:4px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge.success{color:var(--success)}.badge.warning{color:var(--warning)}.badge.danger{color:var(--danger)}.badge.info{color:var(--blue)}.alert{gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);border-left-width:6px;display:flex}.alert.info{border-left-color:var(--blue)}.alert.warning{border-left-color:var(--warning)}.alert.error{border-left-color:var(--danger)}.alert.success{border-left-color:var(--success)}.empty{text-align:center;padding:var(--sp-6) var(--sp-4);gap:var(--sp-2);color:var(--muted);flex-direction:column;align-items:center;display:flex}.empty h3{color:var(--fg)}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.list{gap:var(--sp-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.item{gap:var(--sp-3);padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.item .grow{flex:200px;min-width:0}.item .title{overflow-wrap:anywhere;font-weight:600}.progress{border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--border);height:12px;overflow:hidden}.progress>span{background:var(--grad-hero);height:100%;transition:width var(--dur) var(--ease);display:block}.dot{border-radius:50%;width:10px;height:10px;display:inline-block}.chart-wrap{width:100%;height:260px}.chart-wrap.tall{height:320px}.tooltip{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3);box-shadow:var(--shadow-2);font-size:var(--fs-sm);max-width:260px}.legend{gap:var(--sp-3);font-size:var(--fs-sm);color:var(--muted);flex-wrap:wrap;display:flex}.legend .sw{vertical-align:middle;border-top:3px solid;width:18px;height:0;margin-right:6px;display:inline-block}.legend .sw.dash{border-top-style:dashed}.overlay{z-index:50;animation:fade var(--dur);background:#0a081e8c;place-items:end center;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--r-lg) var(--r-lg) 0 0;width:min(640px,100%);max-height:92vh;padding:var(--sp-5);padding-bottom:calc(var(--sp-5) + env(safe-area-inset-bottom));box-shadow:var(--shadow-2);animation:rise var(--dur) var(--ease);overflow:auto}@media (width>=700px){.overlay{place-items:center}.modal{border-radius:var(--r-lg)}}.toasts{left:0;right:0;bottom:calc(76px + env(safe-area-inset-bottom));align-items:center;gap:var(--sp-2);z-index:60;pointer-events:none;padding:0 var(--sp-3);flex-direction:column;display:flex;position:fixed}@media (width>=900px){.toasts{bottom:var(--sp-5)}}.toast{pointer-events:auto;background:var(--fg);color:var(--bg);border-radius:var(--r-pill);box-shadow:var(--shadow-2);animation:rise var(--dur) var(--ease);max-width:100%;padding:10px 16px;font-weight:600}.toast.error{background:var(--danger);color:#fff}.seg{border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);display:inline-flex;overflow:hidden}.seg button{padding:0 var(--sp-3);cursor:pointer;background:0 0;border:0;min-height:40px}.seg button[aria-pressed=true]{background:var(--accent);color:var(--accent-fg);font-weight:700}.loading{place-items:center;min-height:40vh;display:grid}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}@keyframes fade{0%{opacity:0}}body{background:var(--bg);background-image:radial-gradient(900px 420px at 0% -10%, color-mix(in srgb, var(--violet) 16%, transparent), transparent 70%), radial-gradient(800px 380px at 100% -5%, color-mix(in srgb, var(--cyan) 14%, transparent), transparent 70%);background-attachment:fixed}.topbar{z-index:15;margin:calc(-1 * var(--sp-4)) calc(-1 * var(--sp-4)) var(--sp-4);padding:var(--sp-3) var(--sp-4);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in srgb, var(--border) 60%, transparent);position:sticky;top:0}@media (width>=900px){.topbar{margin:calc(-1 * var(--sp-6)) calc(-1 * var(--sp-6)) var(--sp-5);padding:var(--sp-3) var(--sp-6)}.topbar .brand{display:none}.topbar{justify-content:flex-end}}.card{border-color:color-mix(in srgb, var(--border) 70%, transparent);border-radius:24px}.card:where(.kpi,.piggy):hover{box-shadow:var(--shadow-2);transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);transform:translateY(-2px)}.section-header h1{letter-spacing:-.02em;font-size:1.9rem}.section-header h2{align-items:center;gap:10px;font-size:1.15rem;display:flex}.section-header h2:before{content:"";background:var(--grad-hero);border-radius:6px;width:6px;height:22px}.kpi{--k:var(--accent);border-top:4px solid var(--k);gap:6px}.kpi-head{align-items:center;gap:8px;display:flex}.kpi-ico{background:color-mix(in srgb, var(--k) 16%, transparent);border-radius:12px;place-items:center;width:32px;height:32px;font-size:16px;display:inline-grid}.kpi.hero{border-top:0}.kpi.hero .kpi-ico{background:#fff3}.kpi.hero .value{font-size:1.9rem}.btn{transition:transform var(--dur) var(--ease), box-shadow var(--dur), background var(--dur)}.btn.primary{background:linear-gradient(135deg, var(--violet), var(--blue));color:#fff;box-shadow:0 6px 16px color-mix(in srgb, var(--violet) 35%, transparent)}:root[data-theme=dark] .btn.primary{color:#fff}.btn.primary:hover{box-shadow:0 8px 22px color-mix(in srgb, var(--violet) 45%, transparent)}.btn:active{transform:scale(.97)}.input{background:var(--surface);transition:border-color var(--dur), box-shadow var(--dur)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent);outline:none}.chip{transition:all var(--dur) var(--ease)}.chip[aria-pressed=true]{background:linear-gradient(135deg, var(--violet), var(--blue));color:#fff;box-shadow:0 4px 12px color-mix(in srgb, var(--violet) 30%, transparent)}.seg button[aria-pressed=true]{background:linear-gradient(135deg, var(--violet), var(--blue));color:#fff}.chip-toggle{min-height:44px;padding:0 var(--sp-3);border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);cursor:pointer;font-size:var(--fs-sm);align-items:center;gap:8px;font-weight:600;display:inline-flex}.chip-toggle input{accent-color:var(--piggy);width:18px;height:18px}.item{transition:background var(--dur), transform var(--dur) var(--ease)}.item:hover{background:var(--surface-2)}.badge{padding:3px 10px}.badge.success{background:color-mix(in srgb, var(--success) 14%, var(--surface))}.badge.warning{background:color-mix(in srgb, var(--warning) 14%, var(--surface))}.badge.danger{background:color-mix(in srgb, var(--danger) 14%, var(--surface))}.badge.info{background:color-mix(in srgb, var(--blue) 14%, var(--surface))}.alert{border-radius:var(--r-md)}.alert.info{background:color-mix(in srgb, var(--blue) 8%, var(--surface))}.alert.warning{background:color-mix(in srgb, var(--warning) 10%, var(--surface))}.alert.error{background:color-mix(in srgb, var(--danger) 10%, var(--surface))}.alert.success{background:color-mix(in srgb, var(--success) 10%, var(--surface))}.empty-ico{background:linear-gradient(135deg, color-mix(in srgb, var(--violet) 18%, transparent), color-mix(in srgb, var(--cyan) 18%, transparent));border-radius:24px;place-items:center;width:72px;height:72px;font-size:34px;display:grid}.progress{height:14px}.progress>span{border-radius:var(--r-pill)}.tabbar{background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(16px);grid-template-columns:repeat(7,1fr);box-shadow:0 -6px 24px #1e145014}.tabbar .nav-item{min-width:0;padding:8px 0;font-size:10px}.tabbar .nav-item span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.nav-item[aria-current=page] svg{filter:drop-shadow(0 2px 6px color-mix(in srgb, var(--accent) 50%, transparent))}.tabbar .nav-item[aria-current=page]{color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);border-radius:14px;margin:4px 2px}.sidebar{background:color-mix(in srgb, var(--surface) 92%, transparent)}.sidebar .brand{font-size:1.35rem}.sidebar .nav-item[aria-current=page]{background:linear-gradient(135deg, color-mix(in srgb, var(--violet) 18%, transparent), color-mix(in srgb, var(--blue) 14%, transparent));color:var(--accent);font-weight:700}.sidebar .nav-item:hover{background:var(--surface-2)}.piggy-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));display:grid}.card.piggy{--k:var(--piggy);gap:var(--sp-2);border-top:6px solid var(--k);background-image:linear-gradient(180deg, color-mix(in srgb, var(--k) 9%, transparent), transparent 55%);flex-direction:column;list-style:none;display:flex}.piggy-head{align-items:center;gap:var(--sp-3);display:flex}.piggy-head h3{overflow-wrap:anywhere;font-size:1.1rem}.piggy-ico{background:color-mix(in srgb, var(--k,var(--piggy)) 20%, var(--surface));border-radius:16px;flex:none;place-items:center;width:48px;height:48px;font-size:26px;display:inline-grid}.piggy-ico.sm{border-radius:12px;width:36px;height:36px;font-size:20px}.piggy-balance{letter-spacing:-.02em;color:var(--k);font-size:1.75rem;font-weight:800}.swatches{gap:var(--sp-2);flex-wrap:wrap;display:flex}.swatch{cursor:pointer;background:var(--surface-2);border:3px solid #0000;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.swatch.emoji{font-size:22px}.swatch[aria-pressed=true]{border-color:var(--fg);transform:scale(1.06)}