@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,700;1,700&display=swap');
:root{--ink:#253342;--muted:#778392;--paper:#f4f6f2;--line:#e3e8e2;--green:#5fa789;--red:#e77665;--soft-green:#e2f1e9;--blue:#6f9ac8}*{box-sizing:border-box}body{margin:0;background:var(--paper);font-family:'DM Sans',sans-serif;color:var(--ink)}.shell{width:min(1030px,calc(100% - 32px));margin:auto;padding:52px 0 70px}header{display:flex;justify-content:space-between;align-items:end;margin-bottom:27px}.eyebrow{margin:0 0 5px;color:#84909b;font-size:10px;font-weight:700;letter-spacing:.14em}h1{margin:0;font:700 clamp(37px,6vw,58px)/1 'Playfair Display',serif;letter-spacing:-.05em}h1 span{font-style:italic;color:var(--green)}.subtitle{margin:8px 0 0;color:var(--muted);font-size:14px}.month-badge{border-radius:18px;background:#e9eee8;padding:11px 15px;color:#617166;font-size:13px;font-weight:700}.summary{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:14px;margin-bottom:14px}.summary article,.card{background:#fff;border:1px solid var(--line);border-radius:16px}.summary article{padding:19px 21px}.summary p{margin:0;color:var(--muted);font-size:12px}.summary strong{display:block;margin:7px 0 2px;font-size:28px;letter-spacing:-.04em}.summary small{color:#8a969f;font-size:11px}.income{color:var(--green)}.expense{color:var(--red)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.card{padding:24px}h2{margin:0;font-size:19px;letter-spacing:-.03em}label{display:block;color:#667383;font-size:12px;font-weight:700;margin-top:13px}label small{color:#929ca7;font-weight:400}input,select{display:block;width:100%;background:#fafbf9;border:1px solid #e3e8e1;border-radius:8px;padding:10px;margin-top:5px;color:var(--ink);outline:0;font:inherit}input:focus,select:focus{border-color:var(--green)}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}form button{border:0;width:100%;margin-top:19px;padding:12px;border-radius:9px;background:var(--ink);color:#fff;font-weight:700}form button span{color:#b9e682;font-size:17px}.category-chart{padding-top:20px}.category-row{margin-bottom:14px}.category-label{display:flex;justify-content:space-between;font-size:12px;color:#657282;margin-bottom:6px}.category-label strong{color:var(--ink)}.bar-bg{height:9px;border-radius:9px;background:#edf1ed;overflow:hidden}.bar{height:100%;border-radius:inherit;background:var(--blue)}.chart-empty,.entries .empty{margin:42px 0;color:var(--muted);text-align:center;font-size:13px}.monthly{margin-top:14px}.monthly-chart{height:160px;display:flex;gap:12px;align-items:end;padding-top:18px;border-bottom:1px solid var(--line)}.month-col{display:flex;flex:1;height:100%;flex-direction:column;justify-content:end;align-items:center;gap:5px}.month-bars{height:130px;width:min(44px,80%);display:flex;gap:3px;align-items:end}.month-bars i{display:block;flex:1;border-radius:4px 4px 0 0}.month-bars .mi{background:var(--green)}.month-bars .me{background:var(--red)}.month-col small{font-size:10px;color:#89949d}.history{margin-top:14px}.history-head{display:flex;justify-content:space-between}.clear{height:30px;border:0;background:none;color:#d05f52;font-size:12px}.entries{margin-top:14px}.entry-row{display:grid;grid-template-columns:30px 1fr 88px 95px 26px;gap:10px;align-items:center;border-top:1px solid var(--line);padding:12px 2px}.entry-icon{width:27px;height:27px;border-radius:50%;background:var(--soft-green)}.entry-row.expense .entry-icon{background:#fff0ed}.entry-row strong{display:block;font-size:14px}.entry-row span,.entry-row time{color:var(--muted);font-size:11px}.entry-row b{text-align:right;color:var(--green);font-size:14px}.entry-row.expense b{color:var(--red)}.delete{border:0;background:#f3f5f2;color:#82909a;width:23px;height:23px;border-radius:50%}@media(max-width:650px){.shell{padding-top:30px}.summary,.grid{grid-template-columns:1fr}.summary{gap:9px}.entry-row{grid-template-columns:28px 1fr auto 24px}.entry-row time{display:none}header{align-items:start;gap:10px}.month-badge{padding:9px}.card{padding:19px}}