:root{--bg:#f6f7f9;--fg:#16181d;--muted:#5f6672;--card:#fff;--border:#e3e6eb;--accent:#0f7b5f;--accent-fg:#fff;--danger:#b42318;--success:#067647;--nav-bg:#fff;--radius:12px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--nav-h:60px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0f1115;--fg:#eef0f3;--muted:#9aa3b0;--card:#181b21;--border:#2a2f38;--accent:#2fbf94;--accent-fg:#0b0f0d;--danger:#f97066;--success:#47cd89;--nav-bg:#14171c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.4}a{color:inherit}button,input{font:inherit}.shell{flex-direction:column;min-height:100dvh;display:flex}.content{width:100%;max-width:560px;padding:var(--space-4) var(--space-4) calc(var(--nav-h) + var(--space-6));flex:1;margin:0 auto}.topbar{justify-content:space-between;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.topbar h1{margin:0;font-size:20px}.topbar .biz{color:var(--muted);font-size:14px}.nav{height:var(--nav-h);background:var(--nav-bg);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.nav a{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:12px;text-decoration:none;display:flex}.nav a[aria-current=page]{color:var(--accent);font-weight:600}.nav svg{width:22px;height:22px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4)}.grid-2{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.stack>*+*{margin-top:var(--space-3)}.kpi-label{color:var(--muted);margin:0 0 var(--space-1);font-size:13px}.kpi{font-variant-numeric:tabular-nums;margin:0;font-size:24px;font-weight:700}.kpi-sub{color:var(--muted);margin:var(--space-1) 0 0;font-size:13px}.rate{justify-content:space-between;align-items:center;display:flex}.rate strong{font-variant-numeric:tabular-nums;font-size:18px}.warn{color:var(--danger);font-size:13px}.muted{color:var(--muted)}h2{margin:var(--space-6) 0 var(--space-2);font-size:16px}.list{margin:0;padding:0;list-style:none}.list li{gap:var(--space-1) var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--border);grid-template-columns:1fr auto;display:grid}.list li:first-child{border-top:0}.list .title{font-weight:600}.list .meta{color:var(--muted);grid-column:1;font-size:13px}.list .amt{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.list .amt2{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums;grid-column:2;font-size:13px}.list .expense .amt{color:var(--danger)}.list .income .amt{color:var(--success)}.day{color:var(--muted);margin:var(--space-4) 0 var(--space-1);text-transform:capitalize;font-size:13px}.empty{text-align:center;color:var(--muted);padding:var(--space-6) 0}.btn{width:100%;min-height:46px;padding:0 var(--space-4);border-radius:var(--radius);border:1px solid var(--accent);background:var(--accent);color:var(--accent-fg);cursor:pointer;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.btn.secondary{color:var(--fg);border-color:var(--border);background:0 0}.field{margin-bottom:var(--space-3);display:block}.field span{color:var(--muted);margin-bottom:var(--space-1);font-size:14px;display:block}.input{width:100%;min-height:46px;padding:0 var(--space-3);border-radius:var(--radius);border:1px solid var(--border);background:var(--card);color:var(--fg)}.notice{border-radius:var(--radius);padding:var(--space-3) var(--space-4);background:var(--card);border:1px solid var(--border)}.notice.ok{border-color:var(--success)}.notice.err{border-color:var(--danger)}.login{min-height:100dvh;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.login .card{width:100%;max-width:400px}.brand{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.brand svg{width:40px;height:40px}.brand h1{margin:0;font-size:20px;line-height:1.1}.brand p{color:var(--muted);margin:0;font-size:14px}@media (min-width:768px){.shell{flex-direction:row}.nav{width:200px;height:100dvh;padding:var(--space-6) var(--space-2);border-top:0;border-right:1px solid var(--border);justify-content:flex-start;gap:var(--space-1);flex-direction:column;position:sticky;top:0;bottom:auto}.nav a{justify-content:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius);flex-direction:row;flex:none;font-size:15px}.nav a[aria-current=page]{background:var(--bg)}.content{padding:var(--space-6);max-width:760px;margin:0}}