*,*:before,*:after{box-sizing:border-box}:root{color-scheme:light dark;--bg: #f7f7fb;--bg-elev: #ffffff;--text: #101418;--text-dim: #5a6472;--border: #e6e8ee;--brand: #4f46e5;--brand-weak: #eef2ff;--ok: #2e7d32;--danger: #c62828;--muted: #f3f4f6;--shadow: 0 .6vw 2.4vw rgba(16, 20, 24, .06);--radius: 3vw;--radius-sm: 2vw;--gap: 3vw}[data-theme=dark]{--bg: #0f1216;--bg-elev: #161a20;--text: #e6eaf0;--text-dim: #9aa4b2;--border: #242b35;--brand: #7c83ff;--brand-weak: #1f2340;--ok: #7ad47f;--danger: #ff7a7a;--muted: #141820;--shadow: 0 6px 24px rgba(0, 0, 0, .35)}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;background:linear-gradient(180deg,var(--muted),var(--bg) 20vh);color:var(--text);overflow-x:hidden;touch-action:manipulation}.container{width:100%;max-width:100%;margin:4vw auto;padding:0 4vw 6vw}.header{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:saturate(150%) blur(6px);backdrop-filter:saturate(150%) blur(6px);background:color-mix(in oklab,var(--bg-elev) 70%,transparent);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;max-width:100%;margin:0 auto;padding:3vw 4vw}.header-progress{height:2px;width:100%;opacity:0;transition:opacity .12s ease}.header-progress.active{opacity:.8}.progress-bar{position:relative;height:100%;overflow:hidden;background:color-mix(in oklab,var(--brand) 20%,transparent)}.progress-bar:after{content:"";position:absolute;left:-40%;top:0;bottom:0;width:40%;background:var(--brand);opacity:.35;animation:headerRun 1.2s infinite ease;border-radius:2px}@keyframes headerRun{0%{left:-40%}50%{left:30%}to{left:100%}}.brand{text-decoration:none;color:var(--text);font-weight:700;font-size:clamp(18px,5vw,28px)}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:4vw;width:100%;max-width:100%;overflow:hidden}.grid{display:grid;gap:var(--gap)}.grid-2{grid-template-columns:1fr}@media (min-width: 900px){.grid-2{grid-template-columns:1fr 1fr}}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);border-radius:999px;padding:2vw 4vw;cursor:pointer;transition:.14s ease background,.14s ease border-color,.14s ease transform}.btn:hover{border-color:color-mix(in oklab,var(--brand) 30%,var(--border))}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn-danger{background:transparent;color:var(--danger);border-color:var(--danger)}.btn-ghost{background:transparent}.btn-icon{padding:1.5vw 2.5vw;border-radius:var(--radius-sm)}.btn-icon-md{font-size:4.2vw;line-height:1}.btn-lg{padding:3vw 6vw;font-size:clamp(16px,4.5vw,20px)}.btn-eq{flex:1 1 0;text-align:center}.row{display:flex;align-items:center;gap:2vw;flex-wrap:wrap;width:100%;min-width:0}.spaced{display:flex;align-items:center;justify-content:space-between;gap:3vw;width:100%;min-width:0}input,select{background:var(--bg-elev);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:2vw 2.5vw}select.select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23666' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 2.5vw center;background-size:12px 8px;padding-right:8vw}label{display:grid;gap:1.5vw;font-size:3.5vw;color:var(--text-dim)}.legend{display:grid;gap:1.5vw}.legend-item{display:flex;align-items:center;gap:2vw}.chip{width:3.5vw;height:3.5vw;border-radius:1vw;border:1px solid var(--border)}.muted{color:var(--text-dim)}.amount{font-weight:700}.amount.income{color:var(--ok)}.amount.expense{color:var(--danger)}.back{display:inline-flex;align-items:center;gap:6px}.back:before{content:"←"}.section-title{margin:0 0 2vw;font-size:clamp(14px,4vw,22px)}.group-list,.group-list a{text-decoration:none;color:inherit}.subtle-card{background:var(--muted);border:1px dashed var(--border);border-radius:var(--radius);padding:3vw}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in oklab,black 30%,transparent);display:grid;place-items:center;padding:4vw;z-index:50;overscroll-behavior:contain;touch-action:none}.modal-panel{width:92vw;max-height:calc(100dvh - 8vw);overflow:auto;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:4vw;overscroll-behavior:contain}.modal-full{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;padding:4vw}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.anim-in{animation:fadeSlideIn .22s ease}.center{text-align:center}.center-row{display:flex;justify-content:center;align-items:center;gap:var(--gap);width:100%}.center-col{display:flex;flex-direction:column;align-items:center;gap:var(--gap)}.truncate-1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.flex-1{flex:1 1 auto;min-width:0}.keypad-panel{position:sticky;bottom:0;background:var(--bg-elev);border-top:1px solid var(--border);padding:3vw 2vw 2vw;margin:2vw -2vw -2vw}.keypad-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2vw}.keypad-grid .btn{min-height:12vw}@media (min-width: 900px){.keypad-grid .btn{min-height:56px}}.calc-hint{font-size:clamp(12px,3.2vw,14px);color:var(--text-dim)}