*,:before,:after{box-sizing:border-box}:root{--app-max-width:430px;--bg:#f4f5f7;--surface:#fff;--surface-alt:#f0f2f5;--border:#e4e7ec;--text:#16202c;--text-muted:#6b7684;--brand:#2f6df6;--brand-dark:#1f52c9;--brand-soft:#e8f0ff;--income:#0f9d63;--income-soft:#e6f6ef;--expense:#d92d3c;--expense-soft:#fdeaec;--radius:16px;--radius-sm:10px;--space:16px;--nav-height:68px;--shadow:0 1px 2px #1018280d, 0 6px 20px #1018280f}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5}html,body{overflow-x:hidden}img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer}.app-shell{background:var(--bg);flex-direction:column;width:100%;min-height:100dvh;margin:0 auto;display:flex;position:relative}.app-main{padding:var(--space);padding-bottom:calc(var(--nav-height) + 28px);flex:1}@media (width>=600px){body{padding:24px 0}.app-shell{max-width:var(--app-max-width);border-radius:24px;min-height:calc(100dvh - 48px);overflow:hidden;box-shadow:0 10px 40px #1018281f}}.app-header{background:var(--brand);color:#fff;padding:20px var(--space) 22px}.app-header__title{letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:700}.app-header__subtitle{opacity:.85;margin:2px 0 0;font-size:.85rem}.page-title{margin:0 0 var(--space)}.page-title__heading{letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:700}.page-title__sub{color:var(--text-muted);margin:2px 0 0;font-size:.85rem}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space)}.balance-card{background:linear-gradient(135deg, var(--brand) 0%, var(--brand-dark) 100%);color:#fff;border-radius:var(--radius);padding:20px var(--space);box-shadow:var(--shadow)}.balance-card__label{text-transform:uppercase;letter-spacing:.06em;opacity:.85;margin:0;font-size:.8rem}.balance-card__value{letter-spacing:-.02em;overflow-wrap:anywhere;margin:6px 0 0;font-size:1.75rem;font-weight:700}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.summary-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;padding:14px}.summary-card__head{align-items:center;gap:8px;display:flex}.summary-card__dot{border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:.95rem;font-weight:700;display:grid}.summary-card__dot--income{background:var(--income-soft);color:var(--income)}.summary-card__dot--expense{background:var(--expense-soft);color:var(--expense)}.summary-card__label{color:var(--text-muted);font-size:.8rem}.summary-card__value{overflow-wrap:anywhere;margin:8px 0 0;font-size:1.05rem;font-weight:700}.summary-card__value--income{color:var(--income)}.summary-card__value--expense{color:var(--expense)}.section{margin-top:24px}.section__head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.section__title{margin:0;font-size:1rem;font-weight:700}.section__action{color:var(--brand);background:0 0;border:0;padding:6px 2px;font-size:.85rem;font-weight:600}.tx-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.tx-item{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:12px;min-height:64px;padding:12px 14px;display:flex}.tx-item__icon{border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-size:1.1rem;font-weight:700;display:grid}.tx-item__icon--income{background:var(--income-soft);color:var(--income)}.tx-item__icon--expense{background:var(--expense-soft);color:var(--expense)}.tx-item__body{flex:1;min-width:0}.tx-item__name{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:600;overflow:hidden}.tx-item__meta{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:.8rem;overflow:hidden}.tx-item__amount{text-align:right;overflow-wrap:anywhere;flex:none;max-width:42%;font-size:.95rem;font-weight:700}.tx-item__amount--income{color:var(--income)}.tx-item__amount--expense{color:var(--expense)}.filter-row{margin-bottom:var(--space);gap:8px;display:flex}.filter-chip{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text-muted);border-radius:999px;flex:1;font-size:.9rem;font-weight:600}.filter-chip--active{background:var(--brand);border-color:var(--brand);color:#fff}.form{flex-direction:column;gap:18px;display:flex}.field{flex-direction:column;gap:7px;display:flex}.field__label{font-size:.88rem;font-weight:600}.field__control{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:52px;color:var(--text);padding:12px 14px;font-family:inherit;font-size:1rem}textarea.field__control{resize:vertical;min-height:88px}.field__control:focus{outline:2px solid var(--brand);outline-offset:1px;border-color:var(--brand)}.field__hint{color:var(--text-muted);font-size:.78rem}.segmented{gap:8px;display:flex}.segmented__option{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);min-height:52px;color:var(--text-muted);flex:1;font-size:.95rem;font-weight:600}.segmented__option--active-expense{background:var(--expense-soft);border-color:var(--expense);color:var(--expense)}.segmented__option--active-income{background:var(--income-soft);border-color:var(--income);color:var(--income)}.btn{border-radius:var(--radius-sm);border:0;width:100%;min-height:52px;font-size:1rem;font-weight:700}.btn--primary{background:var(--brand);color:#fff}.btn--primary:active{background:var(--brand-dark)}.btn--ghost{background:var(--brand-soft);color:var(--brand)}.notice{border-radius:var(--radius-sm);background:var(--brand-soft);color:var(--brand-dark);padding:12px 14px;font-size:.88rem}.notice pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0;font-size:.75rem}.cat-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.cat-item{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:12px;min-height:60px;padding:12px 14px;display:flex}.cat-item__name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.95rem;font-weight:600;overflow:hidden}.cat-item__actions{flex:none;gap:6px;display:flex}.icon-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-alt);min-width:44px;min-height:44px;color:var(--text-muted);padding:0 10px;font-size:.8rem;font-weight:600}.icon-btn--danger{color:var(--expense);border-color:var(--expense-soft);background:var(--expense-soft)}.badge{border-radius:999px;flex:none;padding:3px 8px;font-size:.72rem;font-weight:700}.badge--income{background:var(--income-soft);color:var(--income)}.badge--expense{background:var(--expense-soft);color:var(--expense)}.empty-state{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);text-align:center;padding:28px 18px}.empty-state__title{margin:0;font-size:.95rem;font-weight:700}.empty-state__text{color:var(--text-muted);margin:6px 0 0;font-size:.85rem}.bottom-nav{z-index:20;height:var(--nav-height);padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);align-items:center;display:grid;position:fixed;bottom:0;left:0;right:0}@media (width>=600px){.bottom-nav{max-width:var(--app-max-width);margin:0 auto;position:absolute}}.nav-item{height:100%;min-height:48px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:.72rem;font-weight:600;text-decoration:none;display:flex}.nav-item__glyph{font-size:1.15rem;line-height:1}.nav-item--active,.nav-item--add{color:var(--brand)}.nav-item--add .nav-item__glyph{background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:46px;height:46px;margin-top:-18px;font-size:1.5rem;display:grid;box-shadow:0 6px 16px #2f6df666}.state-block{text-align:center;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px 18px}.state-block__title{margin:0;font-size:.95rem;font-weight:700}.state-block__text{color:var(--text-muted);margin:6px 0 0;font-size:.85rem}.state-block__actions{margin-top:14px}.state-block--error{border:1px solid var(--expense-soft)}.state-block--error .state-block__title{color:var(--expense)}.spinner{border:3px solid var(--border);border-top-color:var(--brand);border-radius:50%;width:26px;height:26px;margin:0 auto 12px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg,#eceef1 25%,#f5f6f8 37%,#eceef1 63%) 0 0/400% 100%;animation:1.3s infinite shimmer}@keyframes shimmer{0%{background-position:100%}to{background-position:0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.skeleton--balance{height:96px}.skeleton--summary{height:84px}.skeleton--row{height:64px}.field__error{color:var(--expense);font-size:.8rem;font-weight:600}.field__control--invalid{border-color:var(--expense)}.field__control--invalid:focus{outline-color:var(--expense)}.form-alert{border-radius:var(--radius-sm);background:var(--expense-soft);color:var(--expense);padding:12px 14px;font-size:.88rem;font-weight:600}.form-alert--success{background:var(--income-soft);color:var(--income)}button[disabled],.btn[disabled]{opacity:.6;cursor:not-allowed}.sheet-backdrop{z-index:40;background:#10182873;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:var(--app-max-width);background:var(--surface);padding:20px var(--space) calc(var(--space) + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;max-height:88dvh;overflow-y:auto}@media (width>=600px){.sheet-backdrop{align-items:center}.sheet{border-radius:20px;max-width:400px}}.sheet__title{margin:0 0 4px;font-size:1.05rem;font-weight:700}.sheet__text{color:var(--text-muted);margin:0 0 16px;font-size:.88rem}.sheet__actions{gap:10px;margin-top:18px;display:flex}.sheet__actions .btn{flex:1}.btn--danger{background:var(--expense);color:#fff}.btn--subtle{background:var(--surface-alt);color:var(--text)}.tx-item__actions{flex:none;gap:6px;display:flex}.tx-item--stacked{flex-direction:column;align-items:stretch;gap:10px}.tx-item__main{align-items:center;gap:12px;width:100%;min-width:0;display:flex}.tx-item--stacked .tx-item__actions{justify-content:flex-end}.tx-item__actions .icon-btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.auth-splash{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:100dvh;display:flex}.auth-splash__text{color:var(--text-muted);margin:0;font-size:.9rem}.auth-page{width:100%;min-height:100dvh;padding:24px var(--space) calc(24px + env(safe-area-inset-bottom));justify-content:center;align-items:center;display:flex}.auth-card{width:100%;max-width:var(--app-max-width);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px 20px}.auth-card__brand{letter-spacing:-.02em;text-align:center;color:var(--brand);margin:0;font-size:1.35rem;font-weight:700}.auth-card__sub{text-align:center;color:var(--text-muted);margin:4px 0 22px;font-size:.88rem}.auth-card__switch{text-align:center;color:var(--text-muted);margin:18px 0 0;font-size:.88rem}.auth-card__switch a{color:var(--brand);padding:6px 4px;font-weight:600;text-decoration:none;display:inline-block}.app-header__row{justify-content:space-between;align-items:center;gap:12px;display:flex}.app-header__text{min-width:0}.app-header__title,.app-header__subtitle{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-header__logout{color:#fff;background:#ffffff24;border:1px solid #ffffff73;border-radius:999px;flex:none;min-height:40px;padding:0 14px;font-size:.82rem;font-weight:600}.filter-toggle{width:100%;min-height:46px;margin-bottom:var(--space);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);justify-content:space-between;align-items:center;gap:8px;padding:0 14px;font-size:.9rem;font-weight:600;display:flex}.filter-panel{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space);margin-bottom:var(--space);flex-direction:column;gap:14px;display:flex}.filter-dates{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.result-count{color:var(--text-muted);margin:0 0 10px;font-size:.82rem}.link-button{color:var(--brand);background:0 0;border:0;padding:4px 2px;font-size:.82rem;font-weight:600}.stat-list,.month-list{margin:0;padding:0;list-style:none}.stat-row,.change-row{border-bottom:1px solid var(--surface-alt);justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;display:flex}.stat-list>li:last-child,.month-list>li:last-child{border-bottom:0;padding-bottom:0}.stat-list>li:first-child,.month-list>li:first-child{padding-top:0}.stat-row__label,.change-row__label{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.9rem;overflow:hidden}.stat-row__value,.change-row__value{text-align:right;overflow-wrap:anywhere;flex:none;font-size:.95rem;font-weight:700}.stat-row__value--income{color:var(--income)}.stat-row__value--expense{color:var(--expense)}.stat-row--total{border-top:1px solid var(--border);border-bottom:0;margin-top:4px;padding-top:12px}.change-row__value{font-size:.85rem}.change-row__value--up{color:var(--income)}.change-row__value--down{color:var(--expense)}.change-row__value--flat,.change-row__value--muted{color:var(--text-muted);font-weight:600}.month-row{border-bottom:1px solid var(--surface-alt);justify-content:space-between;align-items:center;gap:12px;padding:9px 0;display:flex}.month-row__label{flex:none;width:42px;font-size:.9rem;font-weight:600}.month-row__figures{flex:none;gap:12px;font-size:.85rem;font-weight:600;display:flex}.month-row__in{color:var(--income)}.month-row__out{color:var(--expense)}.section__sub{color:var(--text-muted);flex:none;font-size:.78rem}.chart-card{overflow:hidden}.chart-frame{width:100%;min-width:0}.chart-frame--short{height:200px}.chart-frame--tall{height:240px}.chart-frame--donut{height:220px}@media (width>=400px){.chart-frame--short{height:220px}.chart-frame--tall{height:260px}.chart-frame--donut{height:240px}}.chart-frame .recharts-wrapper,.chart-frame .recharts-surface{max-width:100%}.chart-legend{border-top:1px solid var(--surface-alt);margin-top:12px;padding-top:6px}.chart-note{text-align:center;color:var(--text-muted);margin:10px 0 0;font-size:.82rem}.chart-note--muted{margin-top:8px;font-size:.78rem}.legend-dot{vertical-align:baseline;border-radius:50%;flex:none;width:9px;height:9px;margin-right:7px;display:inline-block}.legend-share{color:var(--text-muted);margin-left:7px;font-size:.75rem;font-weight:600}.chart-tooltip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);max-width:200px;padding:9px 11px;font-size:.8rem}.chart-tooltip__label{margin:0 0 5px;font-size:.8rem;font-weight:700}.chart-tooltip__row{align-items:center;gap:6px;margin:3px 0 0;display:flex}.chart-tooltip__dot{border-radius:50%;flex:none;width:8px;height:8px}.chart-tooltip__name{color:var(--text-muted)}.chart-tooltip__value{overflow-wrap:anywhere;margin-left:auto;font-weight:700}.reports-link{text-align:center;margin-top:24px;padding:0;line-height:52px;text-decoration:none;display:block}.app-header__account{color:#fff;background:#ffffff24;border:1px solid #ffffff59;border-radius:999px;flex:none;align-items:center;gap:8px;min-width:0;max-width:46%;padding:4px 8px 4px 4px;text-decoration:none;display:flex}.app-header__avatar{width:32px;height:32px;color:var(--brand);background:#fff;border-radius:50%;flex:none;place-items:center;font-size:.78rem;font-weight:700;display:grid}.app-header__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.82rem;font-weight:600;overflow:hidden}.profile-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px var(--space);text-align:center}.avatar{background:var(--brand-soft);width:68px;height:68px;color:var(--brand);border-radius:50%;place-items:center;margin:0 auto 12px;font-size:1.4rem;font-weight:700;display:grid}.profile-card__name{overflow-wrap:anywhere;margin:0;font-size:1.05rem;font-weight:700}.profile-card__email{color:var(--text-muted);overflow-wrap:anywhere;margin:4px 0 0;font-size:.85rem}.row-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.row-item{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:10px;min-height:58px;padding:12px 14px;display:flex}.row-item__label{flex:none;font-size:.9rem;font-weight:600}.row-item__value{text-align:right;min-width:0;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.88rem;overflow:hidden}.row-item__note{color:var(--text-muted);background:var(--surface-alt);border-radius:999px;flex:none;padding:3px 8px;font-size:.72rem;font-weight:600}.row-link{min-height:34px;color:inherit;flex:1;justify-content:space-between;align-items:center;gap:10px;text-decoration:none;display:flex}.row-link__chevron{color:var(--text-muted);font-size:1.2rem;line-height:1}.logout-button{margin-top:24px}.settings-note{margin-top:8px;display:block}.toggle-row{cursor:pointer;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.toggle-row__hint{margin-top:3px;display:block}.toggle-input{width:24px;height:24px;accent-color:var(--brand);flex:none;margin-top:2px}.toast-stack{left:0;right:0;bottom:calc(var(--nav-height) + 12px + env(safe-area-inset-bottom));z-index:50;padding:0 var(--space);pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed}@media (width>=600px){.toast-stack{max-width:var(--app-max-width);margin:0 auto}}.toast{pointer-events:auto;border-radius:var(--radius-sm);color:#fff;background:#16202c;align-items:center;gap:10px;width:100%;max-width:400px;padding:11px 12px 11px 14px;font-size:.87rem;font-weight:600;animation:.18s ease-out toast-in;display:flex;box-shadow:0 8px 24px #10182847}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.toast--error{background:var(--expense)}.toast__message{overflow-wrap:anywhere;flex:1;min-width:0}.toast__close{color:#fff;background:#ffffff29;border:0;border-radius:50%;flex:none;width:28px;height:28px;font-size:1.1rem;line-height:1}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.nav-item:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}.app-header__account:focus-visible{outline-color:#fff}.btn:active,.filter-chip:active,.icon-btn:active,.segmented__option:active,.row-item:active,.filter-toggle:active{transform:scale(.985)}.btn,.filter-chip,.icon-btn,.segmented__option,.filter-toggle,.row-item{transition:transform 90ms,background-color .12s,color .12s}@media (prefers-reduced-motion:reduce){.btn,.filter-chip,.icon-btn,.segmented__option,.filter-toggle,.row-item{transition:none}.btn:active,.filter-chip:active,.icon-btn:active,.segmented__option:active,.row-item:active,.filter-toggle:active{transform:none}}@media (hover:hover){.btn--primary:hover{background:var(--brand-dark)}.icon-btn:hover,.filter-chip:hover{background:var(--surface-alt)}.row-item:hover{background:#fbfbfc}}.balance-card__value{font-size:clamp(1.4rem,7vw,1.75rem)}.app-header{padding-top:calc(20px + env(safe-area-inset-top))}@media (width>=600px){.app-header{padding-top:20px}}