:root{--navy:#0f172a;--slate:#475569;--teal:#10b981;--teal-strong:#0f9f7a;--green:#22c55e;--amber:#f59e0b;--red:#ef4444;--brand-gradient:linear-gradient(135deg, #10b981 0%, #22c55e 100%);--bg:#f8fafc;--surface:#fff;--surface-2:#f1f5f9;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--hover:#f1f5f9;--primary:var(--navy);--primary-text:#fff;--accent:var(--teal);--accent-text:#fff;--positive:#16a34a;--negative:#dc2626;--warning-bg:#fef3c7;--warning-text:#92400e;--negative-bg:#fee2e2;--track:#e2e8f0;--hero:linear-gradient(145deg, #0f172a 0%, #13233f 100%);--hero-text:#f8fafc;--hero-muted:#94a3b8;--shadow:0 1px 2px #0f172a0a, 0 4px 16px #0f172a0d;--radius:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b1220;--surface:#111a2d;--surface-2:#17233a;--text:#e2e8f0;--muted:#94a3b8;--border:#1e2a42;--hover:#17233a;--primary:var(--teal);--primary-text:#052e22;--accent-text:#052e22;--positive:#4ade80;--negative:#f87171;--warning-bg:#3b2a07;--warning-text:#fcd34d;--negative-bg:#3f1111;--track:#1e2a42;--hero:linear-gradient(145deg, #13233f 0%, #0f1a30 100%);--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0b1220;--surface:#111a2d;--surface-2:#17233a;--text:#e2e8f0;--muted:#94a3b8;--border:#1e2a42;--hover:#17233a;--primary:var(--teal);--primary-text:#052e22;--accent-text:#052e22;--positive:#4ade80;--negative:#f87171;--warning-bg:#3b2a07;--warning-text:#fcd34d;--negative-bg:#3f1111;--track:#1e2a42;--hero:linear-gradient(145deg, #13233f 0%, #0f1a30 100%);--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1,h2,h3{letter-spacing:-.01em;margin:0;line-height:1.25}h1{font-size:1.6rem}h2{font-size:1.05rem}h3{font-size:.95rem}p{margin:0 0 12px}input,select,button,textarea{font:inherit;color:inherit}input,select,textarea{background:var(--surface);border:1px solid var(--border);border-radius:10px;min-width:0;padding:8px 12px}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}a{color:inherit}.loading{text-align:center;color:var(--muted);padding:64px 16px}.logo{align-items:center;gap:8px;display:inline-flex}.logo-text{letter-spacing:-.03em;font-weight:800}.tagline{text-transform:uppercase;letter-spacing:.22em;color:var(--slate);font-size:.78rem;font-weight:500}.shell{min-height:100vh}.sidebar{background:var(--navy);color:#e2e8f0;z-index:30;flex-direction:column;width:248px;padding:20px 14px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.sidebar .logo{color:#fff;padding:4px 10px 20px}.profile{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;margin-bottom:12px;padding:12px 10px;display:flex}.profile-name{color:#fff;font-weight:600;line-height:1.2}.profile-email{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:.8rem;overflow:hidden}.initials{background:var(--brand-gradient);color:#052e22;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.nav-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.nav-link{color:#cbd5e1;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{color:#fff;background:#ffffff0f}.nav-link.is-active{color:#34d399;background:#10b98129}.nav-spacer{flex:1;min-height:16px}.nav-divider{border-top:1px solid #ffffff14;margin:10px 0}.main{min-width:0;margin-left:248px}.appbar{display:none}.content{max-width:1080px;margin:0 auto;padding:28px 24px 48px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.page-sub{color:var(--muted);margin:2px 0 0;font-size:.9rem}.stepper{align-items:center;gap:4px;font-weight:600;display:inline-flex}.stepper .label{text-align:center;min-width:128px}.bottom-nav,.drawer-backdrop{display:none}.footer{text-align:center;color:var(--muted);padding:8px 16px 32px;font-size:.8rem}@media (width<=767px){.sidebar{width:min(300px,86vw);transition:transform .22s;transform:translate(-100%)}.sidebar.is-open{transform:none;box-shadow:0 0 60px #0006}.drawer-backdrop.is-open{z-index:25;background:#0f172a73;display:block;position:fixed;inset:0}.main{padding-bottom:calc(68px + env(safe-area-inset-bottom));margin-left:0}.appbar{padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top));background:var(--surface);border-bottom:1px solid var(--border);z-index:20;justify-content:space-between;align-items:center;gap:8px;display:flex;position:sticky;top:0}.content{padding:20px 16px 32px}h1{font-size:1.35rem}.bottom-nav{background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:20;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset:auto 0 0}.bottom-nav a,.bottom-nav button{color:var(--muted);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:8px 0 10px;font-size:.72rem;font-weight:500;text-decoration:none;display:flex}.bottom-nav .is-active{color:var(--accent)}}.stack{flex-direction:column;gap:20px;display:flex}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:20px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow);padding:20px}.card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.card-sub{color:var(--muted);margin-top:2px;font-size:.85rem}.hero{background:var(--hero);color:var(--hero-text);border-radius:20px;padding:22px;position:relative;overflow:hidden}.hero-label{color:var(--hero-muted);font-size:.85rem}.hero-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:2.1rem;font-weight:800}.hero-foot{color:var(--hero-muted);flex-wrap:wrap;gap:6px 16px;font-size:.85rem;display:flex}.hero-foot b{color:#34d399}.hero-foot .neg{color:#fca5a5}.hero-bars{align-items:flex-end;gap:5px;display:flex;position:absolute;bottom:22px;right:22px}.hero-bars span{background:var(--brand-gradient);border-radius:3px;width:9px}.greeting{color:var(--muted);font-size:.95rem}.greeting b{color:var(--text);letter-spacing:-.01em;font-size:1.5rem;display:block}.stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:12px;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 14px}.stat-label{color:var(--muted);font-size:.8rem}.stat-value{font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:700}.stat-hint{color:var(--muted);font-size:.78rem}.tone-good .stat-value,.text-good{color:var(--positive)}.tone-bad .stat-value,.text-bad{color:var(--negative)}.stats-3{grid-template-columns:repeat(3,1fr)}@media (width<=480px){.stats-3{gap:8px}.stats-3 .stat{padding:10px}.stats-3 .stat-value{font-size:1.05rem}}.alert{border-radius:12px;padding:12px 16px;font-size:.92rem}.alert-warn{background:var(--warning-bg);color:var(--warning-text)}.alert-bad{background:var(--negative-bg);color:var(--negative)}.banner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.rows{margin:0;padding:0;list-style:none}.row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;display:flex}.row:last-child{border-bottom:none}.row-main{flex:1;min-width:0}.row-title{justify-content:space-between;gap:8px;font-weight:600;display:flex}.row-title>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-sub{color:var(--muted);justify-content:space-between;gap:8px;font-size:.82rem;display:flex}.row-amount{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.row-button{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;width:100%}.row-button:hover{background:var(--hover)}.cat-icon{color:#fff;border-radius:50%;flex:none;place-items:center;display:grid}.pct{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;min-width:36px;font-size:.82rem}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.muted{color:var(--muted)}.empty{color:var(--muted);text-align:center;margin:0;padding:28px 8px}.dot{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.tag{background:var(--surface-2);color:var(--muted);border-radius:999px;margin-left:6px;padding:1px 7px;font-size:.72rem;font-weight:500}.tag-accent{color:var(--teal-strong);background:#10b98124}.tag-warn{background:var(--warning-bg);color:var(--warning-text)}.progress{background:var(--track);border-radius:999px;height:6px;margin-top:6px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .25s}.progress-fill.is-over{background:var(--red)}.donut-wrap{grid-template-columns:minmax(160px,220px) 1fr;align-items:center;gap:20px;display:grid}.donut{aspect-ratio:1;width:100%;position:relative}.donut-center{text-align:center;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.donut-center b{font-variant-numeric:tabular-nums;font-size:1.25rem;display:block}.donut-center span{color:var(--muted);font-size:.8rem}.legend{flex-direction:column;gap:6px;min-width:0;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex}.legend li{grid-template-columns:10px 1fr auto auto;align-items:center;gap:10px;display:grid}.legend li>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hero .legend{color:var(--hero-text)}.hero .legend .pct{color:var(--hero-muted)}@media (width<=520px){.donut-wrap{grid-template-columns:1fr}.donut{max-width:220px;margin:0 auto}}.chart{width:100%;min-width:0}.btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--hover)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}.btn-primary:hover:not(:disabled){background:var(--primary);filter:brightness(1.15)}.btn-accent{background:var(--brand-gradient);color:#052e22;border-color:#0000}.btn-accent:hover:not(:disabled){background:var(--brand-gradient);filter:brightness(1.06)}.btn-block{width:100%;padding:11px 14px}.btn-ghost{color:var(--muted);background:0 0;border-color:#0000;padding:6px 8px}.btn-icon{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;padding:6px;display:inline-grid}.btn-icon:hover{background:var(--hover)}.btn-danger{color:var(--negative);border-color:var(--negative)}.btn-sm{padding:4px 10px;font-size:.85rem}.button-row{flex-wrap:wrap;gap:8px;display:flex}.fab{right:20px;bottom:calc(84px + env(safe-area-inset-bottom));background:var(--brand-gradient);color:#052e22;z-index:15;border:none;border-radius:50%;place-items:center;width:56px;height:56px;display:none;position:fixed;box-shadow:0 8px 24px #10b98166}@media (width<=767px){.fab{display:grid}.hide-mobile{display:none!important}}.link{color:var(--teal-strong);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:none}.link:hover{text-decoration:underline}.segmented{background:var(--surface-2);border-radius:10px;grid-auto-columns:1fr;grid-auto-flow:column;gap:3px;padding:3px;display:grid}.segmented button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px 12px;font-size:.88rem;font-weight:600}.segmented button.is-active{background:var(--primary);color:var(--primary-text)}.field{color:var(--muted);flex-direction:column;gap:5px;font-size:.85rem;font-weight:500;display:flex}.field input,.field select,.field textarea{color:var(--text);padding:10px 12px;font-size:.95rem}.form{flex-direction:column;gap:14px;display:flex}.form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px;display:grid}.form-hint{color:var(--muted);margin:0;font-size:.8rem;font-weight:400}.check{color:var(--text);align-items:center;gap:8px;font-size:.9rem;display:flex}.money-input{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:10px;align-items:center;padding-left:12px;display:flex}.money-input input{width:100%;min-width:70px;color:var(--text);font-variant-numeric:tabular-nums;background:0 0;border:none}.money-input input:focus-visible{outline:none}.money-input:focus-within{outline:2px solid var(--accent);outline-offset:1px}.color-input{cursor:pointer;width:36px;height:36px;padding:2px}.search{background:var(--surface-2);color:var(--muted);border-radius:12px;align-items:center;gap:8px;padding:0 12px;display:flex}.search input{background:0 0;border:none;flex:1;padding:10px 0}.search input:focus-visible{outline:none}.search:focus-within{outline:2px solid var(--accent)}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 6px;font-size:.75rem;font-weight:600}.table th.num{text-align:right}.table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:9px 6px}.table tfoot td{border-bottom:none;font-weight:700}.table tr.is-highlight td{background:#10b9810f}.table td.is-negative{color:var(--negative)}.modal-backdrop{z-index:50;background:#0f172a80;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:20px;width:min(460px,100%);max-height:calc(100vh - 32px);padding:24px;overflow-y:auto;box-shadow:0 20px 50px #00000040}@media (width<=520px){.modal-backdrop{place-items:end stretch;padding:0}.modal{width:100%;padding-bottom:calc(24px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0}}.oauth-buttons{flex-direction:column;gap:8px;display:flex}.btn-oauth{gap:10px;padding:11px 14px}.divider{color:var(--muted);align-items:center;gap:12px;margin:14px 0;font-size:.85rem;display:flex}.divider:before,.divider:after{content:"";border-top:1px solid var(--border);flex:1}.auth-message{margin:0;font-size:.9rem}.auth-message.tone-good{color:var(--positive)}.auth-message.tone-bad{color:var(--negative)}.auth-switch{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:16px;font-size:.9rem;display:flex}.password-field{display:flex;position:relative}.password-field input{flex:1;padding-right:40px}.password-field .btn-icon{color:var(--muted);position:absolute;top:50%;right:4px;transform:translateY(-50%)}.sync-status{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:.8rem;display:inline-flex}.sidebar .sync-status{color:#94a3b8;padding:0 12px 8px}.sync-dot{background:var(--green);border-radius:50%;width:8px;height:8px}.sync-saving .sync-dot,.sync-loading .sync-dot{background:var(--muted)}.sync-offline .sync-dot{background:var(--amber)}.sync-error .sync-dot{background:var(--red)}.welcome{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.welcome-art{color:#fff;text-align:center;background:radial-gradient(at 30% 110%,#10b98159,#0000 60%),linear-gradient(160deg,#0f172a 0%,#10243a 60%,#0c3b36 100%);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.welcome-art p{color:#cbd5e1;margin:0}.welcome-panel{flex-direction:column;justify-content:center;gap:16px;width:100%;max-width:520px;margin:0 auto;padding:40px;display:flex}.welcome-panel h1{font-size:2.2rem;line-height:1.1}@media (width<=760px){.welcome{grid-template-columns:1fr}.welcome-art{min-height:34vh}.welcome-panel{padding:28px 20px 40px}.welcome-panel h1{font-size:1.8rem}}.settings-profile{align-items:center;gap:14px;display:flex}.menu-row{border:none;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;align-items:center;gap:12px;padding:14px 6px;font-weight:500;text-decoration:none;display:flex}.menu-row:last-child{border-bottom:none}.menu-row:hover{background:var(--hover)}.menu-row .grow{flex:1}.chat{flex-direction:column;gap:12px;display:flex}.bubble{white-space:pre-wrap;border-radius:14px;max-width:85%;padding:10px 14px;line-height:1.5}.bubble-user{background:var(--primary);color:var(--primary-text);border-bottom-right-radius:4px;align-self:flex-end}.bubble-assistant{background:var(--surface-2);border-bottom-left-radius:4px;align-self:flex-start}.proposal{border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:center;gap:10px;margin-top:8px;padding:10px 12px;display:flex}.proposal-text{flex:1;font-size:.9rem}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:6px;display:grid}.icon-choice{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:50%;place-items:center;padding:2px;display:grid}.icon-choice.is-active{border-color:var(--accent)}.swatches{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.swatch{border:3px solid var(--surface);width:28px;height:28px;box-shadow:0 0 0 1px var(--border);cursor:pointer;border-radius:50%}.swatch.is-active{box-shadow:0 0 0 2px var(--text)}.auth-screen .welcome-panel{position:relative}.auth-back{align-self:flex-start;padding-left:0}.auth-mobile-logo{display:none}.input-icon{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:10px;align-items:center;gap:10px;padding:0 6px 0 12px;display:flex}.input-icon:focus-within{outline:2px solid var(--accent);outline-offset:1px}.field .input-icon input{background:0 0;border:none;flex:1;padding:11px 0}.input-icon input:focus-visible{outline:none}.auth-row{justify-content:space-between;align-items:center;gap:8px;font-size:.9rem;display:flex}.auth-switch-line{text-align:center;color:var(--muted);margin:4px 0 0}@media (width<=760px){.auth-screen .welcome-art{display:none}.auth-mobile-logo{margin-bottom:8px;display:block}.auth-screen .welcome-panel{min-height:100vh;padding-top:calc(28px + env(safe-area-inset-top));justify-content:flex-start}}.status-line{align-items:center;gap:8px;font-size:.9rem;display:flex}.status-dot{background:var(--muted);border-radius:50%;width:10px;height:10px}.status-ok .status-dot{background:var(--green)}.status-bad .status-dot{background:var(--red)}