:root{color:#17201d;background:#f7f8f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{min-width:0}body{margin:0}button{align-items:center;border:1px solid rgb(23 32 29 / .16);border-radius:8px;background:#17201d14;color:#17201d;cursor:pointer;display:inline-flex;font:inherit;font-weight:700;justify-content:center;min-height:2.75rem;padding:.65rem 1rem;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,color .14s ease,transform .14s ease}button:hover:not(:disabled){background:#17201d21;border-color:#17201d38;box-shadow:none}button:active:not(:disabled){box-shadow:none;transform:translateY(1px)}button.secondary{background:#fff;border-color:#cbd4ca;color:#24342f}button.secondary:hover:not(:disabled){background:#eef2ed;border-color:#b9c5bb;box-shadow:none}button.danger{background:#fff5f5;border-color:#edc8c8;color:#a23c3c}button.danger:hover:not(:disabled){background:#ffe8e8;border-color:#dfa8a8;box-shadow:none}button:disabled{cursor:not-allowed;opacity:.55}input,select{border:1px solid #9aa79f;border-radius:8px;box-sizing:border-box;font:inherit;padding:.7rem .8rem;width:100%}.app-shell{box-sizing:border-box;display:grid;gap:2rem;margin:0 auto;max-width:920px;min-height:100vh;padding:3rem 1.25rem}.summary{border-bottom:1px solid #cbd4ca;padding-bottom:2rem}.summary-content{align-items:start;display:grid;gap:2rem;grid-template-columns:minmax(0,1fr) minmax(300px,360px)}.summary-copy{min-width:0}.week-nav{align-items:start;display:flex;gap:1rem;justify-content:space-between}.week-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.text-button{background:#eef2ed;border-color:transparent;color:#24342f;font-size:.9rem;min-height:2.5rem;padding:.5rem .8rem}.text-button:hover:not(:disabled){background:#e1e8e2;border-color:transparent;box-shadow:none}.week-range{color:#52615a;margin-bottom:0}.budget-chart{align-self:start;box-sizing:border-box;min-width:0;padding-top:.1rem}.budget-chart-heading{align-items:baseline;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.15rem}.budget-chart-heading span{color:#52615a;font-size:.78rem;font-weight:700;text-transform:uppercase}.budget-chart-heading strong{font-size:1.25rem;line-height:1}.budget-chart svg{display:block;height:auto;overflow:visible;width:100%}.chart-week-marker{fill:none;stroke:#cbd4ca;stroke-linecap:round;stroke-width:1}.chart-line{fill:none;stroke:#00d632;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5}.compact-summary{align-items:center;background:#f7f8f5f5;border:1px solid #cbd4ca;border-radius:8px;box-shadow:0 8px 26px #17201d1a;box-sizing:border-box;display:flex;gap:1rem;justify-content:space-between;left:50%;max-width:calc(920px - 2.5rem);opacity:0;padding:.65rem .85rem;pointer-events:none;position:fixed;right:auto;top:.75rem;transform:translate(-50%,-.75rem);transition:opacity .16s ease,transform .16s ease;width:calc(100% - 2.5rem);z-index:5}.compact-summary.is-visible{opacity:1;transform:translate(-50%)}.compact-summary-label{color:#52615a;font-size:.78rem;font-weight:700;text-transform:uppercase}.compact-summary-values{align-items:baseline;display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end;text-align:right}.compact-summary-values strong{font-size:1.2rem;line-height:1}.compact-summary-values span{color:#52615a}.eyebrow{color:#52615a;font-size:.9rem;font-weight:700;letter-spacing:0;margin:0 0 .5rem;text-transform:uppercase}h1,h2,p{margin-top:0}h1{font-size:3rem;line-height:1.05;margin-bottom:.75rem;overflow-wrap:anywhere}h2{font-size:1.25rem}.login-form,.item-form{display:grid;gap:.75rem;max-width:420px}.section-heading,.modal-heading{align-items:center;display:flex;gap:1.5rem;justify-content:space-between}.section-heading{margin-bottom:1rem}.icon-button{align-items:center;aspect-ratio:1;display:inline-flex;font-size:1.45rem;justify-content:center;line-height:1;padding:0;width:3rem}.close-button{background:transparent;border-color:transparent;color:#52615a;font-size:1.35rem;min-height:2.75rem;text-transform:uppercase;width:2.75rem}.close-button:hover:not(:disabled){background:#eef2ed;border-color:transparent;box-shadow:none;color:#17201d}.add-item-button{gap:.45rem;white-space:nowrap}.add-item-button span{font-size:1.25rem;line-height:1}.kind-toggle{background:#eef2ed;border-radius:8px;display:grid;gap:.25rem;grid-template-columns:1fr 1fr;padding:.25rem}.kind-toggle button{background:transparent;border-color:transparent;color:#17201d;min-height:2.5rem;padding:.55rem .65rem}.kind-toggle button.is-selected{background:#fff;border-color:#cbd4ca}.kind-toggle button:hover:not(:disabled){background:#fff;border-color:transparent;box-shadow:none}.breakdown{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}.breakdown span{background:#eef6ff;border:1px solid #c9def3;border-radius:8px;color:#24639c;cursor:default;font-weight:650;line-height:1.1;padding:.55rem .75rem}.breakdown span:nth-child(2){background:#fff6dd;border-color:#ecd79d;color:#986b12}.breakdown span:nth-child(3){background:#eef2ed;border-color:#d2dbd0;color:#52615a}.week-gate{align-items:start;background:#f7fbf0;border:1px solid #cbdcb6;border-radius:8px;color:#2b3a20;display:grid;gap:.9rem;grid-template-columns:minmax(0,1fr) auto;margin-top:1.25rem;padding:1rem}.week-gate strong{display:block;margin-bottom:.2rem}.week-gate p{margin-bottom:0}.week-gate .actions{justify-content:flex-end;margin-bottom:0}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.table-wrap{background:#fff;border:1px solid #d9dfd7;border-radius:8px;overflow-x:auto}table{border-collapse:collapse;min-width:620px;width:100%}th,td{border-bottom:1px solid #d9dfd7;padding:.85rem 1rem;text-align:left;vertical-align:middle}th{color:#52615a;font-size:.9rem;font-weight:700}tr:last-child td{border-bottom:0}tbody tr[role=button]{cursor:pointer;transition:background .14s ease,box-shadow .14s ease}tbody tr[role=button]:hover{background:#f8faf7}tbody tr[role=button]:focus-visible{outline:2px solid #17201d;outline-offset:-2px}td:nth-child(4),th:nth-child(4){text-align:right}.amount-credit{color:#008f22}.item-name{align-items:center;display:inline-flex;gap:.45rem}.high-expense-warning{align-items:center;color:#a23c3c;display:inline-flex;flex:0 0 auto;height:1rem;justify-content:center;position:relative;width:1rem}.high-expense-warning:before{border-bottom:.9rem solid #d64545;border-left:.52rem solid transparent;border-right:.52rem solid transparent;content:"";display:block;height:0;width:0}.high-expense-warning:after{color:#fff;content:"!";font-size:.58rem;font-weight:800;left:50%;line-height:1;position:absolute;top:.28rem;transform:translate(-50%)}.flag-note{align-items:start;background:#fff5f5;border:1px solid #edc8c8;border-radius:8px;color:#6f2c2c;display:flex;gap:.7rem;padding:.75rem}.flag-note .high-expense-warning{margin-top:.22rem}.flag-note strong{color:#a23c3c;display:block;margin-bottom:.2rem}.flag-note p{margin-bottom:0}.modal-backdrop{align-items:center;background:#17201d73;bottom:0;display:flex;justify-content:center;left:0;padding:1.25rem;position:fixed;right:0;top:0;z-index:10}.modal{background:#fff;border:1px solid #d9dfd7;border-radius:8px;box-shadow:0 20px 80px #17201d33;box-sizing:border-box;max-height:calc(100vh - 2.5rem);max-width:460px;overflow:auto;padding:1.25rem;width:100%}.confirm-backdrop{z-index:20}.confirm-modal{max-width:380px}time{color:#52615a;font-size:.9rem}@media(max-width:620px){h1{font-size:2rem}.app-shell{gap:1.5rem;padding:1.5rem .875rem}.summary{padding-bottom:1.5rem}.summary-content{gap:1.5rem;grid-template-columns:1fr}.budget-chart{width:100%}.week-nav{align-items:stretch;flex-direction:column;gap:1.4rem;margin-bottom:.9rem}.week-actions{justify-content:flex-start}.week-gate{grid-template-columns:1fr}.week-gate .actions{justify-content:flex-start}.breakdown{gap:.5rem}.compact-summary{max-width:calc(100% - 1.75rem);top:.5rem;width:calc(100% - 1.75rem)}.table-wrap{background:transparent;border:0;border-radius:0;overflow:visible}table,thead,tbody,tr,th,td{display:block}table{min-width:0}thead{height:1px;overflow:hidden;position:absolute;width:1px}tbody{display:grid;gap:.75rem}tr{background:#fff;border:1px solid #d9dfd7;border-radius:8px;padding:.75rem}tbody tr[role=button]:focus-visible{outline-offset:2px}tr:last-child td,td{border-bottom:0}td{align-items:baseline;display:flex;gap:1rem;justify-content:space-between;padding:.4rem 0;text-align:right}td:before{color:#52615a;content:"";flex:0 0 auto;font-size:.82rem;font-weight:700}td:nth-child(1):before{content:"Date"}td:nth-child(2):before{content:"Item"}td:nth-child(3):before{content:"Type"}td:nth-child(4):before{content:"Amount"}td:nth-child(4),th:nth-child(4){text-align:right}.modal-backdrop{align-items:flex-start;padding:.875rem}.modal{max-height:calc(100vh - 1.75rem);padding:1rem}}