@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,700&display=swap');
.complete-heading,.complete-cell{width:54px;text-align:center}.complete-cell form{margin:0}.complete-toggle{appearance:none;width:23px;height:23px;margin:0;padding:0;border:2px solid #b9c7c1;border-radius:7px;cursor:pointer;display:inline-grid;place-content:center}.complete-toggle:checked{background:var(--green);border-color:var(--green)}.complete-toggle:checked:after{content:'✓';color:#fff;font-size:15px;font-weight:700}.completed td:not(.actions):not(.complete-cell){opacity:.55}.completed .description-cell > strong{text-decoration:line-through;text-decoration-thickness:2px}
.category{display:inline-block;padding:5px 9px;border-radius:20px;background:#eef1ee;color:var(--muted);font-size:11px;white-space:nowrap}
.account-menu{display:flex;align-items:center;gap:12px}.account-menu span,.household-name{color:var(--muted);font-size:13px;font-weight:600}.household-name{display:flex;align-items:center;padding:0 5px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:min(430px,100%);background:var(--card);border:1px solid var(--line);border-radius:22px;padding:38px;box-shadow:0 24px 70px #18332d18}.auth-card h1{margin-bottom:32px}.auth-card h2{font-size:24px;margin-bottom:20px}.auth-card label{display:block;color:var(--muted);font-size:12px;font-weight:700;margin:15px 0}.auth-card input{display:block;width:100%;margin-top:6px}.auth-card button{width:100%;margin-top:10px}.auth-error{background:#fae5df;color:#9c473f;border-radius:10px;padding:11px 13px;font-size:13px}.auth-switch{text-align:center;color:var(--muted);font-size:13px;margin-top:20px}.auth-switch a{color:var(--green);font-weight:700}
.account-menu form{margin:0}.invite-note{color:var(--muted);font-size:13px;line-height:1.5;margin-bottom:18px}
:root{--ink:#18332d;--muted:#71827d;--paper:#f5f4ed;--card:#fff;--green:#27725f;--lime:#cfe86c;--red:#ca5a50;--line:#dde3dd}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}.shell{width:min(1100px,calc(100% - 36px));margin:0 auto 70px}header{height:105px;display:flex;align-items:center;justify-content:space-between}h1,h2,p{margin:0}h1{font-size:29px;letter-spacing:-1px}h1 em{font-family:'Playfair Display',serif;color:var(--green)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#89958f;margin-bottom:5px}button{border:0;border-radius:12px;background:var(--ink);color:#fff;padding:12px 18px;font:600 14px 'DM Sans',sans-serif;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}.round{font-size:22px;border-radius:50%;width:46px;height:46px;padding:0}.controls{display:flex;align-items:center;justify-content:space-between;margin:10px 0 22px}.controls form{display:flex;gap:9px;flex-wrap:wrap}select,input{border:1px solid var(--line);background:#fff;border-radius:10px;padding:11px 13px;color:var(--ink);font:500 14px 'DM Sans',sans-serif}.ghost{background:transparent;color:var(--green);border:1px solid #b9cec5}.hero{background:linear-gradient(120deg,#173f35,#296c5b);border-radius:22px;color:#fff;padding:36px 42px;position:relative;overflow:hidden}.hero:after{content:'◯';position:absolute;right:25px;top:-78px;color:#ffffff0d;font-size:220px}.hero.negative{background:linear-gradient(120deg,#51302d,#9d5049)}.hero p{font-size:11px;letter-spacing:2px;color:#b9d2ca}.hero h2{font-size:52px;letter-spacing:-2px;margin:5px 0}.hero span{color:#b9d2ca}.stats{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.stats article{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;gap:14px}.stats i{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-style:normal;font-size:20px}.stats i.income{background:#e8f5d2;color:#487c36}.stats i.expense{background:#fae5df;color:var(--red)}.stats span{display:block;color:var(--muted);font-size:13px}.stats strong{font-size:21px}.ledger{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:25px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-title h2{font-size:24px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{color:var(--muted);text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:1px}th,td{padding:14px 10px;border-bottom:1px solid #edf0ed}.right{text-align:right}.avatar{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e4eee9;color:var(--green);font-weight:700;margin-right:8px}.pill{padding:5px 9px;border-radius:20px;font-size:11px;text-transform:capitalize}.pill.income{background:#e8f5d2;color:#477236}.pill.expense{background:#fae5df;color:#9c473f}.amount{font-weight:700}.amount.income{color:#4f8a3e}.amount.expense{color:var(--red)}.actions{text-align:right;vertical-align:middle}.actions form{margin:0}.icon{background:transparent;color:#7c8a85;padding:7px;font-size:18px}.empty{text-align:center;padding:100px 20px;background:#fff;border:1px solid var(--line);border-radius:20px}.empty.small{padding:55px 20px;border:0}.empty>span{display:block;font-size:38px;color:var(--green);margin-bottom:12px}.empty p{color:var(--muted);margin:7px 0 20px}dialog{border:0;border-radius:20px;padding:0;box-shadow:0 30px 80px #0b261f40;width:min(480px,calc(100% - 30px))}dialog::backdrop{background:#102b2580;backdrop-filter:blur(3px)}dialog>form{padding:32px;position:relative}dialog h2{font-size:27px;margin-bottom:22px}dialog label{display:block;font-size:12px;font-weight:700;color:var(--muted);margin:15px 0}dialog label input,dialog label select{display:block;width:100%;margin-top:6px}dialog form>button[type=submit]{width:100%;margin-top:10px}.close{position:absolute;right:20px;top:20px;background:#eef1ee;color:var(--ink);border-radius:50%;padding:4px;width:31px;height:31px;font-size:18px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.type-toggle{display:grid;grid-template-columns:1fr 1fr;background:#eef1ee;border-radius:12px;padding:4px}.type-toggle label{margin:0}.type-toggle input{position:absolute;opacity:0;width:1px;height:1px}.type-toggle span{display:block;text-align:center;padding:10px;border-radius:9px;cursor:pointer}.type-toggle input:checked+span{background:#fff;color:var(--ink);box-shadow:0 2px 6px #18332d14}@media(max-width:650px){.shell{width:min(100% - 20px,1100px)}.controls{align-items:flex-start;gap:12px}.controls form{flex-direction:column}.hero{padding:28px}.hero h2{font-size:42px}.stats{grid-template-columns:1fr}.ledger{padding:17px}.grid{grid-template-columns:1fr}}