.app-header-brand{align-items:center;gap:var(--space-sm);display:flex}.app-header-brand__mark{color:var(--brand-mark);flex-shrink:0;width:28px;height:28px}.app-header-brand__title{flex-direction:column;line-height:1.1;display:flex}.app-header-brand__name{color:var(--ink);font-size:var(--text-size-md);font-weight:var(--text-weight-semibold);letter-spacing:var(--text-tracking-base)}.app-header-brand__sub{color:var(--ink-3);font-size:var(--text-size-2xs);letter-spacing:.01em}.app-header-nav{align-items:center;gap:var(--space-2xs);justify-self:start;display:flex}@media (width<=640px){.app-header-nav{display:none}}.app-header-nav__link{border-radius:var(--radius-pill);color:var(--ink-3);cursor:pointer;font-size:var(--text-size-sm);font-weight:var(--text-weight-medium);padding:var(--space-xs) 14px;transition:background .15s,color .15s}.app-header-nav__link:hover{background:var(--surface);color:var(--ink)}.app-header-nav__link--active{background:var(--surface);box-shadow:inset 0 0 0 1px var(--border-soft);color:var(--ink)}.app-header-theme-toggle{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-pill);height:var(--size-control-sm);flex-shrink:0;width:60px;padding:3px;transition:background .15s,border-color .15s;position:relative}.app-header-theme-toggle:hover{background:var(--bg-elev);border-color:var(--border)}.app-header-theme-toggle__track{justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 7px;display:flex;position:relative}.app-header-theme-toggle__icon{color:var(--ink-3);height:var(--size-icon-sm);pointer-events:none;width:var(--size-icon-sm);z-index:1;justify-content:center;align-items:center;transition:color .2s;display:inline-flex;position:relative}.app-header-theme-toggle__thumb{background:var(--ink);box-shadow:var(--shadow-sm);will-change:transform;border-radius:50%;width:24px;height:24px;transition:transform .22s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px}.app-header-theme-toggle[data-theme-state=dark]{background:var(--surface-2);border-color:var(--border)}.app-header-theme-toggle[data-theme-state=light] .app-header-theme-toggle__thumb{transform:translate(0)}.app-header-theme-toggle[data-theme-state=dark] .app-header-theme-toggle__thumb{transform:translate(28px)}.app-header-theme-toggle[data-theme-state=light] .app-header-theme-toggle__icon--sun,.app-header-theme-toggle[data-theme-state=dark] .app-header-theme-toggle__icon--moon{color:var(--bg)}.app-header-actions{align-items:center;gap:var(--space-sm);justify-self:end;display:flex}@media (width<=880px){.app-header-actions{justify-content:flex-end}}.app-header-actions__cta{background:var(--ink-2);border-radius:var(--radius);box-shadow:var(--shadow-sm);color:var(--bg);font-size:var(--text-size-sm);font-weight:var(--text-weight-medium);align-items:center;gap:var(--space-xs);height:var(--size-control-md);padding:0 14px 0 var(--space-md);white-space:nowrap;transition:background .15s,box-shadow .15s,transform 50ms;display:inline-flex}.app-header-actions__cta:active{transform:translateY(.5px)}@media (width<=880px){.app-header-actions__cta{display:none}}.app-header-actions__cta-icon{height:var(--size-icon-sm);width:var(--size-icon-sm)}.app-header-actions__kbd{background:oklch(from currentcolor l c h/18%);color:oklch(from currentcolor l c h/85%);font-family:var(--font-mono);font-size:10px;font-weight:var(--text-weight-medium);height:18px;margin-left:var(--space-2xs);min-width:18px;padding:0 var(--space-2xs);border-radius:5px;justify-content:center;align-items:center;display:inline-flex}.app-header{background:linear-gradient(to bottom, var(--bg) 70%, transparent);align-items:center;gap:var(--space-2xl);z-index:30;grid-template-columns:auto 1fr auto;padding:20px 0 18px;display:grid;position:sticky;top:0}@media (width<=880px){.app-header{gap:var(--space-sm);grid-template-columns:auto 1fr auto}}@media (width<=640px){.app-header{gap:var(--space-sm);grid-template-columns:auto 1fr auto}}.app-fab{background:var(--ink);box-shadow:var(--shadow);color:var(--bg);z-index:40;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:box-shadow .15s,transform .15s;display:none;position:fixed;bottom:24px;right:24px}.app-fab:hover{box-shadow:var(--shadow);transform:scale(1.08)}.app-fab:active{transform:scale(.96)}.app-fab__icon{height:var(--size-icon-sm);width:var(--size-icon-sm)}@media (width<=880px){.app-fab{display:flex}}.category-grid{gap:var(--space-xs);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.category-grid__chip{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:var(--radius-input);color:var(--ink-2);font-size:var(--text-size-sm);align-items:center;gap:var(--space-xs);height:38px;padding:var(--space-xs) var(--space-sm);text-align:left;transition:background .15s,border-color .15s,color .15s;display:flex}.category-grid__chip:hover{background:var(--surface-3);color:var(--ink)}.category-grid__chip--active{background:var(--bg-elev);border-color:var(--ink);box-shadow:var(--shadow-sm);color:var(--ink)}.category-grid__glyph{border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:9.5px;font-weight:var(--text-weight-semibold);flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.category-grid__glyph--positive{background:var(--c-positive-soft);color:var(--c-positive)}.category-grid__glyph--negative{background:var(--c-negative-soft);color:var(--c-negative)}.modal-body{gap:var(--space-lg);padding:var(--space-2xs) var(--space-lg) var(--space-lg);flex-direction:column;display:flex;overflow-y:auto}.modal-body__error-icon{height:var(--size-icon-xs);width:var(--size-icon-xs)}.modal-body__error-msg{color:var(--c-negative);font-size:var(--text-size-xs);align-items:center;gap:var(--space-2xs);margin-top:2px;display:inline-flex}.modal-body__grid{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}@media (width<=640px){.modal-body__grid{grid-template-columns:1fr}}.modal-body__input{color:inherit;font-size:var(--text-size-base);height:100%;padding:0 var(--space-sm);background:0 0;border:0;outline:none;width:100%}.modal-body__input::placeholder{color:var(--ink-4)}.modal-body__input--standalone{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:var(--radius-input);height:42px;transition:background .15s,border-color .15s,box-shadow .15s}.modal-body__input--standalone:focus{background:var(--bg-elev);border-color:var(--c-balance);box-shadow:0 0 0 3px oklch(from var(--c-balance) l c h/12%)}.modal-body__input--standalone.modal-body__input--error{border-color:var(--c-negative);box-shadow:0 0 0 3px oklch(from var(--c-negative) l c h/10%)}.modal-body__input--standalone.modal-body__input--error:focus{border-color:var(--c-balance);box-shadow:0 0 0 3px oklch(from var(--c-balance) l c h/12%)}.modal-body__input--standalone.modal-body__input--shake{animation:.45s ease-out field-shake}.modal-body__input--date::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0}.modal-body__input-prefix,.modal-body__input-suffix{color:var(--ink-3);font-size:var(--text-size-sm);height:100%;padding:0 var(--space-sm);flex-shrink:0;align-items:center;display:inline-flex}.modal-body__input-prefix{border-right:1px solid var(--border)}.modal-body__input-suffix{border-left:1px solid var(--border)}.modal-body__input-wrap{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:var(--radius-input);align-items:center;height:42px;transition:background .15s,border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.modal-body__input-wrap:focus-within{background:var(--bg-elev);border-color:var(--c-balance);box-shadow:0 0 0 3px oklch(from var(--c-balance) l c h/12%)}.modal-body__input-wrap--error{border-color:var(--c-negative);box-shadow:0 0 0 3px oklch(from var(--c-negative) l c h/10%)}.modal-body__input-wrap--shake{animation:.45s ease-out field-shake}@keyframes field-shake{0%,to{transform:translate(0)}15%{transform:translate(-5px)}30%{transform:translate(5px)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}90%{transform:translate(2px)}}.modal-body__label{color:var(--ink-2);font-size:var(--text-size-2xs);font-weight:var(--text-weight-medium);letter-spacing:var(--text-tracking-wide)}.modal-body__row{gap:var(--space-xs);flex-direction:column;display:flex}.modal-body__seg{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:var(--radius-input);width:100%;padding:3px;display:flex}.modal-body__seg-icon{height:var(--size-icon-sm);width:var(--size-icon-sm)}.modal-body__seg-opt{border-radius:var(--radius-sm);color:var(--ink-3);font-size:var(--text-size-sm);align-items:center;gap:var(--space-xs);flex:1;justify-content:center;height:38px;transition:background .15s,color .15s;display:flex}.modal-body__seg-opt:hover{color:var(--ink)}.modal-body__seg-opt--active{background:var(--bg-elev);box-shadow:var(--shadow-sm);color:var(--ink)}.modal-body__seg-opt--active.modal-body__seg-opt--positive{color:var(--c-positive)}.modal-body__seg-opt--active.modal-body__seg-opt--negative{color:var(--c-negative)}.modal-body__suffix-icon{height:var(--size-icon-sm);width:var(--size-icon-sm)}.new-transaction-modal{background:var(--bg-elev);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow);flex-direction:column;width:100%;max-width:480px;max-height:calc(100vh - 48px);animation:.2s ease-out ntx-pop-in;display:flex;overflow:hidden}.new-transaction-modal__btn{border-radius:var(--radius-sm);font-size:var(--text-size-base);font-weight:var(--text-weight-medium);align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);transition:background .15s,transform .1s;display:inline-flex}.new-transaction-modal__btn:active{transform:translateY(.5px)}.new-transaction-modal__btn--primary{background:var(--ink);color:var(--bg)}.new-transaction-modal__btn--primary:hover{background:oklch(from var(--ink) calc(l + .05) c h)}.new-transaction-modal__btn--primary:disabled{cursor:not-allowed;opacity:.5}.new-transaction-modal__btn--secondary{background:var(--surface-2);color:var(--ink-2)}.new-transaction-modal__btn--secondary:hover{background:var(--surface-3)}.new-transaction-modal__btn-icon{height:var(--size-icon-sm);width:var(--size-icon-sm)}.new-transaction-modal__close{border-radius:var(--radius-sm);color:var(--ink-3);height:var(--size-control-sm);width:var(--size-control-sm);background:0 0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.new-transaction-modal__close:hover{background:var(--surface-2);color:var(--ink)}.new-transaction-modal__close-icon{height:var(--size-icon-md);width:var(--size-icon-md)}.new-transaction-modal__eyebrow{color:var(--ink-3);font-size:var(--text-size-2xs);letter-spacing:var(--text-tracking-wide);margin-bottom:var(--space-2xs);text-transform:uppercase}.new-transaction-modal__foot{background:var(--surface);border-top:1px solid var(--border-soft);gap:var(--space-xs);padding:var(--space-md) var(--space-lg);justify-content:flex-end;display:flex}.new-transaction-modal__head{align-items:flex-start;gap:var(--space-md);padding:var(--space-lg) var(--space-lg) var(--space-md);justify-content:space-between;display:flex}.new-transaction-modal__overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-lg);z-index:100;background:oklch(0% 0 0/.55);justify-content:center;align-items:center;animation:.18s ease-out ntx-fade-in;display:flex;position:fixed;inset:0}@media (width<=640px){.new-transaction-modal__overlay{padding:var(--space-lg)}}.new-transaction-modal__title{font-size:var(--text-size-lg);font-weight:var(--text-weight-medium);letter-spacing:var(--text-tracking-tight)}@keyframes ntx-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ntx-pop-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.app{max-width:1320px;min-height:100vh;padding:0 var(--pad);flex-direction:column;margin:0 auto;display:flex}.app__main{gap:var(--space-lg);flex-direction:column;flex:1;padding-bottom:60px;display:flex}.app__placeholder{color:var(--ink-3);font-size:var(--text-size-sm);margin-top:var(--space-2xl)}.summary-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);gap:var(--space-sm);text-align:left;flex-direction:column;width:100%;padding:22px 22px 18px;transition:background .15s,border-color .15s,transform 50ms;display:flex;position:relative;overflow:hidden}.summary-card:before{background:var(--accent);content:"";opacity:.9;width:3px;position:absolute;top:0;bottom:0;left:0}.summary-card:hover{background:var(--bg-elev);border-color:var(--border)}.summary-card--positive{--accent:var(--c-positive)}.summary-card--negative{--accent:var(--c-negative)}.summary-card--balance{--accent:var(--c-balance)}.summary-card__row{justify-content:space-between;align-items:center;display:flex}.summary-card__label-wrap{align-items:center;gap:var(--space-xs);display:inline-flex}.summary-card__icon{background:oklch(from var(--accent) l c h/14%);color:var(--accent);height:var(--size-icon-lg);width:var(--size-icon-lg);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.summary-card__icon svg{height:var(--size-icon-sm);width:var(--size-icon-sm)}.summary-card__label{color:var(--ink-3);font-size:var(--text-size-xs);font-weight:var(--text-weight-medium);letter-spacing:var(--text-tracking-wide);text-transform:uppercase}.summary-card__amount{color:var(--ink);font-size:var(--text-size-xl);font-weight:var(--text-weight-medium);letter-spacing:var(--text-tracking-tight);line-height:var(--text-leading-tight)}.summary-card__foot{align-items:flex-end;gap:var(--space-sm);justify-content:space-between;margin-top:2px;display:flex}.summary-card__delta{color:var(--accent);font-size:var(--text-size-xs);font-variant-numeric:tabular-nums;font-weight:var(--text-weight-medium);align-items:baseline;gap:var(--space-2xs);display:inline-flex}.summary-card__delta-icon{height:var(--size-icon-xs);width:var(--size-icon-xs)}.summary-card__delta-period{color:var(--ink-3);font-weight:var(--text-weight-regular)}.summary-card__spark{flex-shrink:0;display:block}.summary-cards{gap:var(--gap);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=880px){.summary-cards{grid-template-columns:1fr}}.transaction-panel{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.transaction-panel-month-nav{border-bottom:1px solid var(--border-soft);padding:var(--space-sm) var(--pad);justify-content:space-between;align-items:center;display:flex}.transaction-panel-month-nav__arrow{border-radius:var(--radius-sm);color:var(--ink-3);height:var(--size-control-sm);width:var(--size-control-sm);justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.transaction-panel-month-nav__arrow:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.transaction-panel-month-nav__arrow:disabled{cursor:not-allowed;opacity:.35}.transaction-panel-month-nav__icon{height:var(--size-icon-sm);width:var(--size-icon-sm)}.transaction-panel-month-nav__label{color:var(--ink);font-size:var(--text-size-sm);font-weight:var(--text-weight-semibold)}.transaction-panel-tools{border-bottom:1px solid var(--border-soft);align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--pad);display:flex}.transaction-panel-tools__search{flex:1;align-items:center;display:flex;position:relative}.transaction-panel-tools__search-icon{color:var(--ink-3);height:var(--size-icon-sm);left:var(--space-sm);pointer-events:none;width:var(--size-icon-sm);position:absolute}.transaction-panel-tools__search-input{background:var(--surface-2);font-size:var(--text-size-sm);border:1px solid #0000;border-radius:10px;outline:none;width:100%;padding:9px 36px;transition:background .15s,border-color .15s,box-shadow .15s}.transaction-panel-tools__search-input::placeholder{color:var(--ink-3)}.transaction-panel-tools__search-input:focus{background:var(--bg-elev);border-color:var(--border)}.transaction-panel-tools__search-input::-webkit-search-cancel-button{display:none}.transaction-panel-tools__search-clear{color:var(--ink-3);height:22px;right:var(--space-xs);border-radius:6px;justify-content:center;align-items:center;width:22px;display:inline-flex;position:absolute}.transaction-panel-tools__search-clear:hover{background:var(--surface-3);color:var(--ink)}.transaction-panel-tools__search-clear-icon{height:var(--size-icon-xs);width:var(--size-icon-xs)}.transaction-panel-tools__seg{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:10px;padding:3px;display:inline-flex}.transaction-panel-tools__seg-opt{color:var(--ink-3);font-size:12.5px;font-weight:var(--text-weight-medium);align-items:center;gap:var(--space-xs);height:30px;padding:6px var(--space-sm);border-radius:7px;transition:background .15s,color .15s;display:inline-flex}.transaction-panel-tools__seg-opt:hover{color:var(--ink)}.transaction-panel-tools__seg-opt--active{background:var(--bg-elev);box-shadow:var(--shadow-sm);color:var(--ink)}.transaction-panel-tools__seg-count{background:oklch(from var(--ink) l c h/6%);color:var(--ink-4);font-size:var(--text-size-2xs);border-radius:4px;padding:1px 5px}.transaction-panel-tools__seg-opt--active .transaction-panel-tools__seg-count{color:var(--ink-3)}@media (width<=880px){.transaction-panel-tools{padding:var(--space-sm) var(--pad);flex-direction:column;align-items:stretch}}.transaction-panel-meta{background:var(--surface-2);border-bottom:1px solid var(--border-soft);color:var(--ink-3);font-size:var(--text-size-xs);padding:10px var(--pad);justify-content:space-between;align-items:center;display:flex}.transaction-panel-meta__left strong{color:var(--ink);font-weight:var(--text-weight-semibold)}.transaction-panel-meta__query{color:var(--ink-4);margin-left:var(--space-xs)}.transaction-panel-meta__right{font-size:var(--text-size-xs)}.transaction-panel-meta__subtotal--pos{color:var(--c-positive)}.transaction-panel-meta__subtotal--neg{color:var(--c-negative)}@media (width<=880px){.transaction-panel-meta{font-size:var(--text-size-2xs);padding:var(--space-xs) var(--pad)}}.transaction-list{scrollbar-color:var(--border) transparent;scrollbar-width:thin;flex:1;min-height:400px;max-height:calc(100vh - 380px);overflow-y:auto}.transaction-list::-webkit-scrollbar{width:10px}.transaction-list::-webkit-scrollbar-thumb{background:var(--border);border:2px solid var(--surface);background-clip:content-box;border-radius:5px}.transaction-list__virtual-container{width:100%;position:relative}.transaction-list__virtual-row{position:absolute;top:0;left:0;right:0}.transaction-list__group-header{color:var(--ink-3);font-size:var(--text-size-2xs);align-items:center;gap:var(--space-xs);letter-spacing:.08em;padding:var(--space-sm) var(--pad) var(--space-xs);text-transform:uppercase;display:flex}.transaction-list__group-day{color:var(--ink-2);font-weight:var(--text-weight-semibold)}.transaction-list__group-date{color:var(--ink-4)}.transaction-list__group-rule{background:var(--border-soft);flex:1;height:1px}.transaction-list__group-sum{color:var(--ink-3);font-size:11.5px}@media (width<=640px){.transaction-list{min-height:0;max-height:none;overflow:visible}.transaction-list__virtual-container{padding-top:var(--space-xs)}}.transaction-list-item{border-bottom:1px solid var(--border-soft);align-items:center;gap:var(--space-sm);grid-template-columns:var(--space-2xs) var(--size-icon-lg) minmax(0, 1fr) auto var(--size-control-sm);padding:var(--space-sm) var(--pad);transition:background .15s;display:grid;position:relative}.transaction-list-item:hover{background:var(--surface-2)}.transaction-list-item:last-child{border-bottom:0}.transaction-list-item__bar{border-radius:2px;width:3px;height:26px}.transaction-list-item--pos .transaction-list-item__bar{background:var(--c-positive)}.transaction-list-item--neg .transaction-list-item__bar{background:var(--c-negative)}.transaction-list-item__glyph{font-family:var(--font-mono);font-size:var(--text-size-2xs);font-weight:var(--text-weight-semibold);height:var(--size-icon-xl);letter-spacing:.04em;width:var(--size-icon-xl);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.transaction-list-item__glyph--neg{background:var(--c-negative-soft);color:var(--c-negative)}.transaction-list-item__glyph--pos{background:var(--c-positive-soft);color:var(--c-positive)}.transaction-list-item__description{color:var(--ink);font-size:var(--text-size-base);font-weight:var(--text-weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.transaction-list-item__meta{color:var(--ink-3);font-size:var(--text-size-xs);margin-top:2px}.transaction-list-item__delete-icon{width:15px;height:15px}.transaction-list-item__main{min-width:0}.transaction-list-item__amount{font-size:14.5px;font-weight:var(--text-weight-semibold);letter-spacing:var(--text-tracking-base);white-space:nowrap}.transaction-list-item__amount--neg{color:var(--c-negative)}.transaction-list-item__amount--pos{color:var(--c-positive)}.transaction-list-item__delete{border-radius:var(--space-xs);color:var(--ink-4);height:var(--size-control-sm);opacity:0;width:var(--size-control-sm);justify-content:center;align-items:center;transition:background .15s,color .15s,opacity .15s;display:inline-flex}.transaction-list-item:hover .transaction-list-item__delete{opacity:1}.transaction-list-item__delete:hover{background:var(--c-negative-soft);color:var(--c-negative);opacity:1}@media (width<=640px){.transaction-list-item{gap:var(--space-sm);grid-template-columns:var(--space-2xs) var(--size-icon-lg) minmax(0, 1fr) auto;padding:var(--space-sm) var(--pad)}.transaction-list-item__amount{display:none}.transaction-list-item__delete{opacity:1;width:28px;height:28px}}.transaction-list-item-mobile{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:var(--radius);gap:var(--space-sm);margin:0 var(--pad) var(--space-sm);padding:var(--space-md);flex-direction:column;display:flex;position:relative;overflow:hidden}.transaction-list-item-mobile:before{content:"";width:3px;position:absolute;top:0;bottom:0;left:0}.transaction-list-item-mobile--pos:before{background:var(--c-positive)}.transaction-list-item-mobile--neg:before{background:var(--c-negative)}.transaction-list-item-mobile__glyph{font-family:var(--font-mono);font-size:var(--text-size-2xs);font-weight:var(--text-weight-semibold);height:var(--size-icon-xl);letter-spacing:.04em;width:var(--size-icon-xl);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.transaction-list-item-mobile__glyph--neg{background:var(--c-negative-soft);color:var(--c-negative)}.transaction-list-item-mobile__glyph--pos{background:var(--c-positive-soft);color:var(--c-positive)}.transaction-list-item-mobile__description{color:var(--ink);font-size:var(--text-size-base);font-weight:var(--text-weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.transaction-list-item-mobile__meta{color:var(--ink-3);font-size:var(--text-size-xs);margin-top:2px}.transaction-list-item-mobile__delete-icon{width:15px;height:15px}.transaction-list-item-mobile__header{align-items:center;gap:var(--space-sm);display:flex}.transaction-list-item-mobile__glyph{flex-shrink:0}.transaction-list-item-mobile__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.transaction-list-item-mobile__delete{border-radius:var(--space-xs);color:var(--ink-4);height:var(--size-control-sm);width:var(--size-control-sm);flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.transaction-list-item-mobile__delete:hover{background:var(--c-negative-soft);color:var(--c-negative)}.transaction-list-item-mobile__footer{justify-content:space-between;align-items:center;display:flex}.transaction-list-item-mobile__amount{font-size:var(--text-size-md);font-weight:var(--text-weight-semibold);letter-spacing:var(--text-tracking-base)}.transaction-list-item-mobile__amount--neg{color:var(--c-negative)}.transaction-list-item-mobile__amount--pos{color:var(--c-positive)}.transaction-list-item-mobile__date{color:var(--ink-4);font-size:var(--text-size-xs)}.transaction-list-empty{align-items:center;gap:var(--space-xs);padding:80px var(--space-lg);text-align:center;flex-direction:column;display:flex}.transaction-list-empty__mark{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:var(--space-sm);color:var(--ink-3);height:48px;margin-bottom:var(--space-xs);justify-content:center;align-items:center;width:48px;display:inline-flex}.transaction-list-empty__icon{height:var(--size-icon-lg);width:var(--size-icon-lg)}.transaction-list-empty__title{font-size:var(--text-size-base);font-weight:var(--text-weight-semibold)}.transaction-list-empty__sub{color:var(--ink-3);font-size:12.5px}.delete-transaction-modal{background:var(--bg-elev);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow);gap:var(--space-md);max-width:460px;padding:var(--space-lg);will-change:opacity, transform;flex-direction:column;width:100%;animation:.2s ease-out dtx-pop-in;display:flex}.delete-transaction-modal__btn{border-radius:var(--radius-sm);font-size:var(--text-size-sm);font-weight:var(--text-weight-medium);align-items:center;gap:var(--space-xs);height:var(--size-control-md);padding:var(--space-xs) var(--space-md);transition:background .15s,transform .1s;display:inline-flex}.delete-transaction-modal__btn:active{transform:translateY(.5px)}.delete-transaction-modal__btn--danger{background:var(--c-negative);color:#fff}.delete-transaction-modal__btn--danger:hover{background:oklch(from var(--c-negative) calc(l - .05) c h)}.delete-transaction-modal__btn--secondary{background:var(--surface-2);border:1px solid var(--border-soft);color:var(--ink)}.delete-transaction-modal__btn--secondary:hover{background:var(--surface-3)}.delete-transaction-modal__btn-icon{height:var(--size-icon-sm);width:var(--size-icon-sm)}.delete-transaction-modal__foot{gap:var(--space-xs);background:0 0;border-top:0;justify-content:flex-end;padding:0;display:flex}.delete-transaction-modal__icon{background:var(--c-negative-soft);border-radius:var(--space-sm);color:var(--c-negative);height:var(--size-control-lg);width:var(--size-control-lg);justify-content:center;align-items:center;display:inline-flex}.delete-transaction-modal__icon-svg{height:var(--size-icon-md);width:var(--size-icon-md)}.delete-transaction-modal__overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-lg);will-change:opacity;z-index:100;background:oklch(0% 0 0/.55);justify-content:center;align-items:center;animation:.18s ease-out dtx-fade-in;display:flex;position:fixed;inset:0}.delete-transaction-modal__text{color:var(--ink-2);font-size:var(--text-size-sm);line-height:var(--text-leading-loose)}.delete-transaction-modal__text strong{color:var(--ink);font-weight:var(--text-weight-semibold)}.delete-transaction-modal__title{font-size:var(--text-size-title);font-weight:var(--text-weight-semibold);letter-spacing:var(--text-tracking-base)}@keyframes dtx-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dtx-pop-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.overlay-enter-active,.overlay-leave-active{transition:opacity .18s ease-out}.overlay-enter-from,.overlay-leave-to{opacity:0}.delete-transaction-modal-confirmation{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:var(--radius);align-items:center;gap:var(--space-sm);margin:var(--space-2xs) 0;padding:var(--space-sm) var(--space-md);display:flex}.delete-transaction-modal-confirmation__amount{font-size:var(--text-size-base);font-weight:var(--text-weight-semibold);white-space:nowrap}.delete-transaction-modal-confirmation__amount--neg{color:var(--c-negative)}.delete-transaction-modal-confirmation__amount--pos{color:var(--c-positive)}.delete-transaction-modal-confirmation__body{flex:1;min-width:0}.delete-transaction-modal-confirmation__description{color:var(--ink);font-size:var(--text-size-base);font-weight:var(--text-weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.delete-transaction-modal-confirmation__glyph{font-family:var(--font-mono);font-size:var(--text-size-2xs);font-weight:var(--text-weight-semibold);letter-spacing:.04em;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.delete-transaction-modal-confirmation__glyph--neg{background:var(--c-negative-soft);color:var(--c-negative)}.delete-transaction-modal-confirmation__glyph--pos{background:var(--c-positive-soft);color:var(--c-positive)}.delete-transaction-modal-confirmation__meta{color:var(--ink-3);font-size:var(--text-size-xs);margin-top:2px}.home-view{gap:var(--space-md);flex-direction:column;display:flex}:root{--accent-h:152;--c-positive:oklch(72% .16 var(--accent-h));--c-positive-soft:oklch(72% .16 var(--accent-h) / 14%);--c-negative:oklch(66% .18 18);--c-negative-soft:oklch(66% .18 18/.14);--c-balance:oklch(74% .1 240);--c-balance-soft:oklch(74% .1 240/.14);--radius:14px;--radius-sm:calc(var(--radius) * .5);--radius-lg:calc(var(--radius) * 1.4);--font-sans:"DM Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", menlo, monospace;--text-size-2xs:11px;--text-size-xs:12px;--text-size-sm:13px;--text-size-base:14px;--text-size-md:17px;--text-size-title:18px;--text-size-lg:22px;--text-size-xl:32px;--text-weight-regular:400;--text-weight-medium:500;--text-weight-semibold:600;--text-weight-bold:700;--text-leading-tight:1.1;--text-leading-base:1.45;--text-leading-loose:1.55;--text-tracking-tight:-.02em;--text-tracking-base:-.01em;--text-tracking-wide:.06em;--pad:24px;--gap:16px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:40px;--size-control-sm:32px;--size-control-md:40px;--size-control-lg:44px;--size-icon-xs:12px;--size-icon-sm:14px;--size-icon-md:20px;--size-icon-lg:28px;--size-icon-xl:36px;--radius-input:10px;--radius-pill:999px}[data-theme=dark]{--bg:oklch(18% .012 260);--bg-elev:oklch(21% .014 260);--surface:oklch(23.5% .013 260);--surface-2:oklch(26.5% .013 260);--surface-3:oklch(30% .013 260);--border:oklch(32% .013 260);--border-soft:oklch(27% .013 260);--ink:oklch(97% .005 260);--ink-2:oklch(78% .013 260);--ink-3:oklch(58% .013 260);--ink-4:oklch(45% .013 260);--shadow:0 2px 6px #0003, 0 14px 40px #00000059;--shadow-sm:0 1px 2px #00000040;--brand-mark:oklch(72% .16 var(--accent-h));--brand-on:oklch(18% .012 260);--bg-grain:radial-gradient(at 20% 0%, oklch(24% .025 var(--accent-h) / 50%), transparent 50%), radial-gradient(at 80% 100%, oklch(22% .02 240/.6), transparent 60%)}[data-theme=light]{--bg:oklch(97% .004 260);--bg-elev:oklch(99% .003 260);--surface:oklch(100% 0 0);--surface-2:oklch(96% .005 260);--surface-3:oklch(93% .006 260);--border:oklch(90% .006 260);--border-soft:oklch(94% .006 260);--ink:oklch(20% .012 260);--ink-2:oklch(42% .012 260);--ink-3:oklch(55% .01 260);--ink-4:oklch(68% .008 260);--shadow:0 1px 2px #1414280a, 0 8px 30px #14142812;--shadow-sm:0 1px 2px #1414280f;--brand-mark:var(--c-positive);--brand-on:oklch(92% .05 var(--accent-h));--c-positive:oklch(55% .16 var(--accent-h));--c-positive-soft:oklch(55% .16 var(--accent-h) / 10%);--c-negative:oklch(55% .2 18);--c-negative-soft:oklch(55% .2 18/.1);--c-balance:oklch(50% .13 240);--c-balance-soft:oklch(50% .13 240/.1);--bg-grain:none}@media (width<=880px){:root{--pad:16px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0}button:disabled{cursor:not-allowed}dialog{color:inherit;background:0 0;border:0;max-width:none;max-height:none;padding:0;position:static}fieldset{border:0;min-width:0;padding:0}input,select,textarea{color:inherit;font:inherit}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}:focus-visible{outline:2px solid var(--c-balance);outline-offset:1px}body{background:var(--bg);background-attachment:fixed;background-image:var(--bg-grain);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-size-base);-webkit-font-smoothing:antialiased;line-height:var(--text-leading-base);text-rendering:optimizelegibility}.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}