:root{--bg: #eef3ef;--bg-elevated: #f7faf8;--ink: #14241c;--ink-muted: #4d6357;--brand: #0f3d2e;--brand-2: #1a6b4f;--accent: #c45c26;--accent-soft: #f3e0d4;--line: #d5e0d9;--ok: #1f7a4c;--warn: #b45309;--danger: #b42318;--shadow: 0 10px 30px rgba(15, 61, 46, .08);--radius: 18px;--font-display: "Fraunces", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,#d9ebe2 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#f3e0d4 0%,transparent 45%),linear-gradient(180deg,#f4f8f5 0%,var(--bg) 40%,#e8efe9 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a{color:inherit}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;margin:0}p{margin:0}.app-shell{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding-bottom:calc(72px + var(--safe-bottom))}.app-shell.auth{padding-bottom:0;justify-content:center}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 18px 8px}.brand-mark{display:flex;flex-direction:column;gap:2px}.brand-mark strong{font-family:var(--font-display);font-size:1.35rem;color:var(--brand)}.brand-mark span{font-size:.78rem;color:var(--ink-muted)}.page{padding:8px 18px 24px;display:flex;flex-direction:column;gap:16px;animation:rise .32s ease-out}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pulseSoft{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.hero-balance{background:linear-gradient(145deg,var(--brand) 0%,#1a5c45 55%,#2a7a5c 100%);color:#f4faf7;border-radius:24px;padding:22px 20px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-balance:after{content:"";position:absolute;inset:auto -20% -40% 40%;height:140%;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 60%);pointer-events:none}.hero-balance .label{font-size:.8rem;opacity:.85}.hero-balance .amount{font-family:var(--font-display);font-size:2.2rem;margin-top:4px;animation:pulseSoft 2.8s ease-in-out infinite}.hero-balance.low .amount{color:#ffd7a8}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.section-head h2{font-size:1.15rem}.muted{color:var(--ink-muted);font-size:.9rem}.stack{display:flex;flex-direction:column;gap:10px}.row{display:flex;gap:10px;align-items:center}.row.wrap{flex-wrap:wrap}.list-item{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:8px}.list-item.interactive{cursor:pointer;transition:transform .16s ease,border-color .16s ease}.list-item.interactive:active{transform:scale(.985)}.list-item .meta{display:flex;justify-content:space-between;gap:8px;align-items:center}.badge{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:#e4eee8;color:var(--brand)}.badge.warn{background:#fff1df;color:var(--warn)}.badge.ok{background:#dff5e8;color:var(--ok)}.badge.danger{background:#fde8e6;color:var(--danger)}.badge.neutral{background:#eceff1;color:#455a64}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:14px;padding:12px 16px;background:var(--brand);color:#fff;font-weight:600;cursor:pointer;min-height:44px;transition:transform .14s ease,opacity .14s ease,background .14s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:#fff;color:var(--brand);border:1px solid var(--line)}.btn.ghost{background:transparent;color:var(--brand-2);border:1px dashed var(--line)}.btn.danger{background:var(--danger)}.btn.accent{background:var(--accent)}.btn.block{width:100%}.btn.sm{padding:8px 12px;min-height:36px;font-size:.88rem;border-radius:12px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.82rem;font-weight:600;color:var(--ink-muted)}.field input,.field select,.field textarea{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px;min-height:44px;color:var(--ink)}.field textarea{min-height:88px;resize:vertical}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-size:.85rem;cursor:pointer;min-height:36px}.chip.active{background:var(--brand);border-color:var(--brand);color:#fff}.nav{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:min(480px,100%);display:grid;grid-template-columns:repeat(6,1fr);gap:1px;padding:8px 4px calc(8px + var(--safe-bottom));background:#f7faf8eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);z-index:20}.nav a{text-decoration:none;text-align:center;font-size:.62rem;font-weight:600;color:var(--ink-muted);padding:8px 2px;border-radius:12px;display:flex;flex-direction:column;gap:4px;align-items:center}.date-strip{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 8px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.date-chip{flex:0 0 auto;min-width:64px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 10px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;color:var(--ink)}.date-chip.active{background:var(--brand);border-color:var(--brand);color:#fff}.date-chip-dow{font-size:.72rem;font-weight:700;opacity:.85}.date-chip-day{font-size:.78rem;font-weight:600}.nav a.active{color:var(--brand);background:#e5f0ea}.nav .icon{font-size:1.05rem;line-height:1}.auth-card{margin:24px 18px;background:#ffffffe6;border:1px solid var(--line);border-radius:28px;padding:28px 22px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px}.auth-card .logo{font-family:var(--font-display);font-size:2rem;color:var(--brand)}.error{color:var(--danger);font-size:.88rem}.empty{padding:20px;text-align:center;color:var(--ink-muted);border:1px dashed var(--line);border-radius:var(--radius);background:#ffffff80}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.banner{border-radius:14px;padding:12px 14px;background:var(--accent-soft);color:#7a3414;font-size:.9rem}.banner.warn{background:#fff1df;color:#8a4b08}.banner.ok{background:#dff5e8;color:#145c37}.todo-note{font-size:.78rem;color:var(--ink-muted);border-left:3px solid var(--accent);padding-left:10px}.receipt-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:18px;background:#14241cb8;animation:receipt-fade .18s ease}@keyframes receipt-fade{0%{opacity:0}to{opacity:1}}.receipt-modal-panel{width:min(560px,100%);max-height:min(88vh,900px);overflow:auto;background:var(--bg-elevated);border-radius:20px;border:1px solid var(--line);box-shadow:var(--shadow);padding:14px;display:flex;flex-direction:column;gap:12px;animation:receipt-rise .22s ease}@keyframes receipt-rise{0%{transform:translateY(12px);opacity:.6}to{transform:translateY(0);opacity:1}}.receipt-modal-panel img{width:100%;height:auto;border-radius:12px;display:block;background:#111}@media(min-width:768px){.app-shell{max-width:720px;border-left:1px solid rgba(213,224,217,.7);border-right:1px solid rgba(213,224,217,.7);background:#ffffff59}.nav{width:min(720px,100%)}}