@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500;600&family=Sora:wght@500;600;700;800&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap";:root{--font-sans:"Sora", sans-serif;--font-display:"Fraunces", Georgia, serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--ink:#1c3730;--ink-muted:#3d5a50;--ink-soft:#6a847a;--accent:#1a5c4a;--accent-deep:#134537;--surface:#f7faf8;--surface-elevated:#fff;--border:#1c37301f;--border-strong:#1c373038;--page-pad:1rem;--app-bar-h:56px;--shell-max:430px;font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ink);background:#d9e4df;font-weight:500;line-height:1.5}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip}body{width:100%;min-width:0;max-width:100%;min-height:100dvh;margin:0;overflow-x:clip}#root{width:100%;min-width:0;max-width:100%;min-height:100dvh;overflow-x:clip}button,input,select,textarea{touch-action:manipulation;max-width:100%;font-family:inherit;font-size:16px}h1,h2,h3,p,span,strong,time,label{overflow-wrap:anywhere}.app-shell{background:radial-gradient(70% 40% at 50% 0,#1a5c4a2e,#0000 60%),#d9e4df;justify-content:center;min-height:100dvh;display:flex}.app{width:100%;max-width:var(--shell-max);isolation:isolate;background:var(--surface);min-width:0;min-height:100dvh;padding-bottom:calc(5.5rem + env(safe-area-inset-bottom,0px));position:relative;overflow-x:clip;box-shadow:0 0 0 1px #1c373014,0 18px 50px #1c37301f}.app-bg{z-index:-1;pointer-events:none;background:radial-gradient(ellipse 90% 45% at 0% 0%, #22786224, transparent 55%), radial-gradient(ellipse 70% 35% at 100% 0%, #c48c3c1f, transparent 50%), linear-gradient(180deg, #eef5f1 0%, var(--surface) 40%);position:absolute;inset:0}.app-bar{z-index:30;min-height:calc(var(--app-bar-h) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) .65rem 0;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7faf8f5;grid-template-columns:48px 1fr auto;align-items:center;gap:.35rem;display:grid;position:sticky;top:0}.app-bar__icon-btn{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.hamburger{flex-direction:column;justify-content:space-between;width:20px;height:14px;display:flex}.hamburger span{background:currentColor;width:100%;height:2px;display:block}.app-bar__titles{text-align:center;min-width:0}.app-bar__title{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.05rem;font-weight:700;overflow:hidden}.app-bar__badge{letter-spacing:.06em;min-width:44px;height:28px;color:var(--accent);background:#1a5c4a1a;border:1px solid #1a5c4a2e;justify-content:center;align-items:center;font-size:.72rem;font-weight:800;display:inline-flex}.app-main{width:100%;min-width:0;padding:.9rem var(--page-pad) 1rem}.app-banner{border:1px solid var(--border);color:var(--ink-muted);background:#ffffffe6;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .85rem;font-size:.88rem;font-weight:600;display:flex}.app-banner--error{color:#8a2f2f;background:#a33a3a14;border-color:#a33a3a59}.screen{flex-direction:column;gap:.85rem;min-width:0;animation:.25s both screen-in;display:flex}.screen__eyebrow{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:0;font-size:1.4rem;font-weight:600}.screen__section-title{margin:0 0 .35rem;font-size:1.05rem;font-weight:700}.back-link{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;min-height:40px;padding:.35rem 0;font-size:.9rem;font-weight:700}.panel{border:1px solid var(--border);background:#ffffffe6;width:100%;min-width:0;padding:1rem;overflow:clip}.summary-block__header{margin-bottom:.75rem}.summary-block__header h2{font-family:var(--font-display);margin:0;font-size:1.15rem}.summary-grid{grid-template-columns:minmax(0,1fr);gap:.55rem;display:grid}.stat-card{border:1px solid var(--border);background:#fff;flex-direction:column;gap:.2rem;min-width:0;padding:.85rem .95rem;display:flex}.stat-card--total{background:linear-gradient(145deg,#1a5c4a1f,#fff);border-color:#1a5c4a47}.stat-card--home{background:linear-gradient(145deg,#b478281a,#fff);border-color:#b4782847}.stat-card__label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);font-size:.72rem;font-weight:700}.stat-card__value{font-family:var(--font-mono);color:var(--ink);font-size:1.2rem;font-weight:600}.stat-card__meta{color:var(--ink-soft);font-size:.78rem}.day-accordion{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.day-accordion__item{border:1px solid var(--border);background:#fff;overflow:clip}.day-accordion__header{width:100%;min-height:52px;font:inherit;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.8rem .9rem;display:flex}.day-accordion__item.is-open .day-accordion__header{background:#1a5c4a12}.day-accordion__date{min-width:0;font-size:.92rem;font-weight:600}.day-accordion__right{flex-shrink:0;align-items:center;gap:.55rem;display:inline-flex}.day-accordion__total{font-family:var(--font-mono);font-size:.92rem}.day-accordion__item.is-zero:not(.is-open) .day-accordion__total{color:var(--ink-soft);font-weight:500}.day-accordion__chevron{color:var(--ink-soft);text-align:center;width:1rem;font-size:.85rem}.day-accordion__body{border-top:1px solid var(--border);flex-direction:column;gap:.65rem;padding:0 .85rem .9rem;display:flex}.month-picker{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.month-picker__item{border:1px solid var(--border);width:100%;min-height:56px;font:inherit;color:var(--ink);cursor:pointer;text-align:left;background:#fff;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1rem;font-weight:600;display:flex}.month-picker__item strong{font-family:var(--font-mono);font-size:.92rem}.month-picker__item:active{background:#1a5c4a14}.expense-form{flex-direction:column;gap:.85rem;width:100%;min-width:0;max-width:100%;display:flex}.expense-form__row{grid-template-columns:minmax(0,1fr);gap:.75rem;min-width:0;max-width:100%;display:grid}.expense-form__full{grid-column:1/-1}.expense-form label{min-width:0;max-width:100%;color:var(--ink-muted);flex-direction:column;gap:.35rem;font-size:.82rem;font-weight:600;display:flex}.expense-form .optional{color:var(--ink-soft);font-weight:500}.expense-form input,.expense-form select{width:100%;min-width:0;max-width:100%;min-height:48px;font:inherit;color:var(--ink);border:1px solid var(--border-strong);box-sizing:border-box;background:#fff;outline:none;padding:.7rem .75rem;font-weight:500}.expense-form input[type=date],.expense-form select{appearance:none}.expense-form select{background-image:linear-gradient(45deg, transparent 50%, var(--ink-muted) 50%), linear-gradient(135deg, var(--ink-muted) 50%, transparent 50%);background-position:calc(100% - 1.05rem) calc(50% - .15rem),calc(100% - .7rem) calc(50% - .15rem);background-repeat:no-repeat;background-size:.35rem .35rem,.35rem .35rem;padding-right:2.25rem}.expense-form input:focus,.expense-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1a5c4a26}.expense-form__actions{flex-direction:column-reverse;gap:.55rem;min-width:0;max-width:100%;display:flex}.expense-form__actions .btn{width:100%;max-width:100%}.form-error{color:#9b2c2c;margin:0;font-size:.88rem;font-weight:600}.btn{font:inherit;cursor:pointer;border:1px solid #0000;padding:.75rem 1rem;font-size:.92rem;font-weight:700}.btn--primary{background:var(--accent);color:#f5faf7}.btn--ghost{border-color:var(--border-strong);color:var(--ink-muted);background:0 0}.btn--block{width:100%;min-height:46px}.btn-text{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;align-items:center;min-height:40px;padding:.35rem 0;font-size:.88rem;font-weight:700;display:inline-flex}.btn-text--danger{color:#a33a3a}.expense-list,.category-breakdown{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.expense-item,.category-breakdown__row{border:1px solid var(--border);background:#f7faf8f2;gap:.65rem;min-width:0;padding:.8rem;display:flex}.expense-item{flex-direction:column}.expense-item__main{flex-direction:column;gap:.25rem;min-width:0;display:flex}.expense-item__meta{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.expense-item__meta time,.expense-item__note{color:var(--ink-soft);font-size:.85rem}.expense-item__note{color:var(--ink-muted);margin:0}.expense-item__side{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.expense-item__amount,.category-breakdown__row strong{font-family:var(--font-mono);color:var(--ink);white-space:nowrap}.expense-item__actions{gap:.85rem;display:flex}.category-breakdown__row{justify-content:space-between;align-items:center}.category-chip{max-width:100%;color:var(--ink-muted);overflow-wrap:anywhere;background:#1a5c4a1a;padding:.22rem .5rem;font-size:.72rem;font-weight:700;display:inline-block}.category-form{flex-direction:column;gap:.75rem;display:flex}.category-form label{color:var(--ink-muted);flex-direction:column;gap:.35rem;font-size:.82rem;font-weight:600;display:flex}.category-form input{width:100%;min-height:48px;font:inherit;color:var(--ink);border:1px solid var(--border-strong);background:#fff;outline:none;padding:.7rem .75rem;font-weight:500}.category-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1a5c4a26}.category-manage-list{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.category-manage-list__item{border:1px solid var(--border);background:#fff;justify-content:space-between;align-items:flex-start;gap:.75rem;min-height:48px;padding:.75rem .8rem;display:flex}.category-manage-list__main{flex-direction:column;flex:1;gap:.55rem;min-width:0;display:flex}.category-avg-toggle{color:var(--ink-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.45rem;font-size:.85rem;font-weight:600;display:inline-flex}.category-avg-toggle input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}.empty-state{color:var(--ink-soft);margin:0;font-size:.9rem}.prev-banner{background:linear-gradient(120deg,#1a5c4a24,#c48c3c1f);border:1px solid #1a5c4a40;flex-direction:column;gap:.7rem;padding:.9rem 1rem;display:flex}.prev-banner h2{font-family:var(--font-display);margin:0 0 .25rem;font-size:1rem}.prev-banner p{font-family:var(--font-mono);color:var(--ink-muted);margin:0;font-size:.78rem;line-height:1.45}.prev-banner .btn{width:100%;min-height:44px}.fab{right:max(1rem, calc(50% - var(--shell-max) / 2 + 1rem));bottom:calc(1.1rem + env(safe-area-inset-bottom,0px));z-index:35;background:var(--accent);color:#f5faf7;cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex;position:fixed;box-shadow:0 10px 24px #1a5c4a59}.fab span{margin-top:-2px;font-size:2rem;font-weight:500;line-height:1}.fab:active{background:var(--accent-deep);transform:scale(.96)}.sheet{z-index:60;overscroll-behavior:contain;justify-content:center;align-items:flex-end;width:100%;max-width:100%;display:flex;position:fixed;inset:0;overflow-x:clip}.sheet__backdrop{cursor:pointer;background:#10201c73;border:0;position:absolute;inset:0}.sheet__panel{width:100%;max-width:min(100%, var(--shell-max));overscroll-behavior:contain;min-width:0;max-height:min(92dvh,720px);padding:.5rem 1rem calc(1.1rem + env(safe-area-inset-bottom,0px));background:#fff;border-radius:18px 18px 0 0;animation:.28s both sheet-up;position:relative;overflow:clip auto;box-shadow:0 -12px 40px #10201c33}.sheet__handle{background:#1c37302e;border-radius:99px;width:42px;height:4px;margin:.35rem auto .75rem}.sheet__header{justify-content:space-between;align-items:flex-start;gap:.75rem;min-width:0;max-width:100%;margin-bottom:.85rem;display:flex}.sheet__header h2{min-width:0;margin:0;font-size:1.15rem}.sheet__close{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:.35rem 0;font-size:.9rem;font-weight:700}.drawer{z-index:50;pointer-events:none;position:fixed;inset:0}.drawer.is-open{pointer-events:auto}.drawer__backdrop{opacity:0;cursor:pointer;background:#10201c6b;border:0;transition:opacity .22s;position:absolute;inset:0}.drawer.is-open .drawer__backdrop{opacity:1}.drawer__panel{width:min(86vw,320px);height:100%;max-height:100dvh;margin-left:calc(var(--shell-max) / -2);border-right:1px solid var(--border);padding:calc(.85rem + env(safe-area-inset-top,0px)) 1rem calc(1rem + env(safe-area-inset-bottom,0px));background:#fff;flex-direction:column;transition:transform .28s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:0;left:50%;overflow-y:auto;transform:translate(-110%);box-shadow:12px 0 40px #10201c2e}@media (width<=430px){.drawer__panel{margin-left:0;left:0}.fab{right:1rem}}.drawer.is-open .drawer__panel{transform:translate(0)}.drawer__header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.drawer__brand{font-family:var(--font-display);margin:0;font-size:1.35rem;font-weight:600}.drawer__close{color:var(--ink-muted);font-size:1.8rem;line-height:1}.drawer__nav{flex-direction:column;gap:.45rem;display:flex}.drawer__link{text-align:left;border:1px solid var(--border);width:100%;color:var(--ink);font:inherit;cursor:pointer;background:#fff;min-height:52px;padding:.95rem 1rem;font-size:1rem;font-weight:700}.drawer__link--accent{background:#1a5c4a12;border-color:#1a5c4a4d}.drawer__link--danger{color:#a33a3a;background:#a33a3a0f;border-color:#a33a3a47}.drawer__footer{flex-direction:column;gap:.55rem;margin-top:auto;padding-top:1.25rem;display:flex}.drawer__user{color:var(--ink-soft);margin:0;font-size:.82rem;font-weight:600}.login{min-height:100dvh;padding:calc(1.5rem + env(safe-area-inset-top,0px)) var(--page-pad) calc(1.5rem + env(safe-area-inset-bottom,0px));justify-content:center;align-items:center;display:flex}.login__panel{flex-direction:column;gap:.35rem;width:100%;max-width:360px;animation:.35s both screen-in;display:flex}.login__brand{font-family:var(--font-display);color:var(--accent-deep);letter-spacing:-.02em;margin:0 0 .35rem;font-size:1.85rem;font-weight:700}.login__title{color:var(--ink);margin:0;font-size:1.2rem;font-weight:700}.login__subtitle{color:var(--ink-muted);margin:0 0 1.1rem;font-size:.92rem;line-height:1.45}.login__form{flex-direction:column;gap:.85rem;display:flex}.login__loading{color:var(--ink-muted);margin:0;font-weight:700}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-up{0%{opacity:.6;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (width>=640px){.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-grid .stat-card{min-width:0}.expense-form__row{grid-template-columns:repeat(2,minmax(0,1fr))}.expense-form__actions{flex-direction:row;justify-content:flex-end}.expense-form__actions .btn{width:auto;min-width:140px}}