:root{color:#17202a;--surface:#fff;--line:#c8d0d9;--accent:#2563eb;background:#f7f8fa;font-family:Inter,system-ui,sans-serif}:root[data-theme=dark]{color:#f3f6f9;--surface:#18212b;--line:#364453;background:#10161d}*{box-sizing:border-box}body{margin:0}main{max-width:900px;margin:auto;padding:16px}header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:11px 16px;font-weight:600}nav{gap:6px;padding-bottom:8px;display:flex;overflow:auto}nav button{color:inherit;white-space:nowrap;background:0 0}nav button.active{background:var(--accent);color:#fff}form,section,article{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin:16px 0;padding:20px}h1{margin:8px 0;font-size:32px}h2{font-size:20px}label{margin:14px 0;display:block}input{border:1px solid var(--line);width:100%;font:inherit;background:var(--surface);color:inherit;border-radius:8px;margin-top:6px;padding:12px;display:block}article{justify-content:space-between;align-items:center;display:flex}article small{opacity:.7;display:block}.hero{color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5)}.income{color:#16803c}.expense,.error{color:#b42318}.warning{color:#b26a00}.calendar{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.calendar div{text-align:center;border:1px solid var(--line);border-radius:6px;padding:10px}.calendar .due{color:#111;background:#f59e0b;font-weight:700}.bars{border-bottom:1px solid var(--line);align-items:end;gap:30px;height:180px;padding:10px;display:flex}.bars i{background:var(--accent);border-radius:6px 6px 0 0;width:45px;min-height:4px;display:block}@media (width>=700px){main{padding:32px}nav{justify-content:center}}