:root{font-family:Noto Sans TC,Segoe UI,sans-serif;color:#1e2a25;background:radial-gradient(circle at top left,rgba(206,232,218,.9),transparent 30%),linear-gradient(180deg,#f4f0e7,#eef4ee);line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:inherit}button,input,select,textarea{font:inherit}button{border:0;border-radius:999px;background:#1e5b48;color:#fff;padding:.8rem 1.2rem;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}input,select,textarea{width:100%;border:1px solid rgba(30,42,37,.15);border-radius:16px;padding:.75rem .9rem;background:#ffffffd9}textarea{min-height:100px;resize:vertical}label{display:flex;flex-direction:column;gap:.4rem}#root{min-height:100vh}.app-shell{max-width:1280px;margin:0 auto;padding:2rem 1.25rem 3rem}.topbar,.panel-header,.toolbar,.tabbar,.table-row,.checkbox-row{display:flex;gap:1rem}.topbar,.panel-header{justify-content:space-between;align-items:end}.toolbar{align-items:end;flex-wrap:wrap}.tabbar{flex-wrap:wrap;margin:1.5rem 0}.tab{background:#ffffffb3;color:#2d4339}.tab.active{background:#173f33;color:#fff}.content,.stack,.stack-large,.login-panel{display:flex;flex-direction:column}.stack{gap:1rem}.stack-large,.content{gap:1.5rem}.login-shell{min-height:100vh;display:grid;place-items:center;padding:2rem}.login-panel{width:min(460px,100%);padding:2rem;border-radius:28px;background:#ffffffd9;box-shadow:0 24px 60px #203b3226;gap:1.25rem}.panel,.metric-card,.person-card{border-radius:28px;background:#ffffffd1;box-shadow:0 18px 44px #2a3d3514}.panel{padding:1.5rem}.metrics-grid,.savings-grid,.people-grid{display:grid;gap:1rem}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.savings-grid,.people-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.metric-card,.person-card{padding:1.25rem}.metric-title{margin:0 0 .3rem;font-size:.95rem;color:#5c6f66}.eyebrow{margin:0;color:#8c5f3d;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.muted,small{color:#607268}.table-like{margin-top:1rem}.table-row{align-items:center;justify-content:space-between;padding:.95rem 0;border-bottom:1px solid rgba(30,42,37,.08)}.table-row span{flex:1;display:flex;flex-direction:column;gap:.25rem}.table-head{color:#72867c;font-size:.9rem;padding-top:0}.progress{margin-top:.4rem;width:100%;height:10px;border-radius:999px;background:#1e5b481f;overflow:hidden}.progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1c6a52,#54a37d)}.progress.amber span{background:linear-gradient(90deg,#aa6c29,#d8a257)}.pill-list{display:flex;flex-wrap:wrap;gap:.75rem}.pill,.checkbox-pill{border-radius:999px;background:#1c6a5214;color:#214f41;padding:.45rem .85rem}.checkbox-pill{display:inline-flex;align-items:center;gap:.4rem}.checkbox-pill input{width:auto}.budget-editor,.entry-form,.category-editor{display:grid;gap:1rem}.budget-editor-row{display:grid;grid-template-columns:minmax(260px,2.2fr) minmax(120px,.9fr) minmax(180px,1.1fr) auto;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(30,42,37,.08)}.budget-editor-row>div{min-width:0}.budget-editor-row>div strong,.budget-editor-row>div small{display:block}.budget-editor-row>div small{margin-top:.2rem;overflow-wrap:anywhere}.budget-editor-row select,.budget-editor-row input{min-width:0}.category-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.category-editor-row{display:grid;grid-template-columns:minmax(220px,2fr) minmax(160px,1.2fr) minmax(120px,.8fr) minmax(180px,1.2fr) auto auto;gap:1rem;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(30,42,37,.08)}.category-editor-row>div{min-width:0}.category-editor-row>div strong,.category-editor-row>div small{display:block}.category-editor-row>div small{margin-top:.2rem;overflow-wrap:anywhere}.inline-check{flex-direction:row;align-items:center;gap:.5rem}.inline-check input{width:auto}.entry-form{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.entry-form .full-width,.savings-form .full-width{grid-column:1 / -1}.savings-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.error{color:#9f2431;margin:0}.banner{padding:1rem 1.1rem;border-radius:16px;background:#9f243114}.ghost-button{background:#ffffffbf;color:#214f41}.loading-screen{min-height:100vh;display:grid;place-items:center}@media (max-width: 720px){.topbar,.panel-header,.table-row{flex-direction:column;align-items:stretch}.budget-editor-row{grid-template-columns:1fr;align-items:stretch}.category-editor-row,.category-form{grid-template-columns:1fr}.app-shell{padding-inline:.9rem}.panel,.metric-card,.person-card,.login-panel{border-radius:22px}}