:root{--ink:#15241f;--muted:#66736e;--line:#dfe7e3;--paper:#fff;--bg:#f5f8f6;--brand:#0f766e;--brand-dark:#0a514c;--mint:#dff4ec;--income:#15803d;--expense:#dc2626;--warning:#b45309;--shadow:0 18px 50px rgba(20,48,39,.08);font-family:Inter,"Noto Sans Thai",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}a{color:var(--brand);text-decoration:none}button,.button{border:0;border-radius:12px;background:var(--brand);color:#fff;padding:.78rem 1.05rem;font:inherit;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}button:hover,.button:hover{background:var(--brand-dark)}button.secondary,.button.secondary{background:#e9efec;color:var(--ink)}button.ghost{background:transparent;border:1px solid rgba(255,255,255,.25);width:100%}button.danger{background:#fff0f0;color:#b91c1c;border:1px solid #fecaca}button.link{padding:0;background:none;color:inherit}.danger-text{color:#b91c1c!important}input,select,textarea{width:100%;border:1px solid #ccd8d2;border-radius:10px;padding:.75rem .8rem;background:#fff;color:var(--ink);font:inherit}input:focus,select:focus,textarea:focus{outline:3px solid rgba(15,118,110,.14);border-color:var(--brand)}label{display:grid;gap:.4rem;font-weight:650;font-size:.92rem}label small,small{display:block;color:var(--muted);font-weight:400}h1,h2,p{margin-top:0}h1{font-size:1.7rem;margin-bottom:.2rem}h2{font-size:1.25rem;margin-bottom:.7rem}.muted{color:var(--muted)}.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#102d28;color:#fff;padding:1.4rem 1.1rem;display:flex;flex-direction:column}.brand{color:#fff;font-weight:800;font-size:1.2rem;display:flex;gap:.7rem;align-items:center;margin:.15rem .4rem 1.6rem}.brand small{color:#8ed8c6;font-size:.68rem;text-transform:uppercase;letter-spacing:.18em}.brand-mark{width:38px;height:38px;border-radius:12px;background:#f6c35b;color:#173b34;display:inline-grid;place-items:center;font-weight:900}.sidebar nav{display:grid;gap:.2rem}.sidebar nav a{color:#d2e6e0;padding:.68rem .8rem;border-radius:10px;font-weight:650}.sidebar nav a:hover,.sidebar nav a.active{background:#1a4c43;color:#fff}.nav-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;color:#8ab5aa;margin:1.05rem .8rem .35rem}.logout-form{margin-top:auto}.main{padding:0 2.2rem 3rem;min-width:0}.topbar{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.top-actions{display:flex;align-items:center;gap:.7rem}.user-chip,.pill{display:inline-flex;padding:.38rem .65rem;border-radius:999px;background:#e7efeb;color:#334b44;font-size:.78rem;font-weight:700}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;color:var(--muted);margin-bottom:.35rem;font-weight:800}.flash{border-radius:12px;padding:.8rem 1rem;margin:0 0 1rem;background:#e7f6ef;color:#12633e}.flash.error{background:#fff0f0;color:#a51919}.hero{border-radius:24px;background:linear-gradient(130deg,#123a33,#0f766e);color:#fff;padding:2rem;display:flex;justify-content:space-between;align-items:flex-end;box-shadow:var(--shadow);margin-bottom:1.2rem}.hero .eyebrow{color:#9de2d1}.hero h2{font-size:1rem;font-weight:500;margin-bottom:.4rem}.hero-number{font-size:2.5rem;line-height:1}.quick-actions{display:flex;gap:.6rem}.quick-actions .button{background:#fff;color:#123a33}.quick-actions .secondary{background:rgba(255,255,255,.13);color:#fff;border:1px solid rgba(255,255,255,.25)}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1rem 0}.stat,.panel{background:var(--paper);border:1px solid var(--line);border-radius:17px;box-shadow:0 8px 25px rgba(20,48,39,.035)}.stat{padding:1.15rem;display:grid;gap:.4rem}.stat span{font-size:.82rem;color:var(--muted)}.stat strong{font-size:1.25rem}.stat.income strong,.amount.income{color:var(--income)}.stat.expense strong,.amount.expense{color:var(--expense)}.stat.warning strong{color:var(--warning)}.panel{padding:1.35rem;margin:1rem 0}.panel.narrow{max-width:760px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.section-head h2{margin:0}.empty{text-align:center;padding:3rem 1rem;color:var(--muted)}.empty strong{display:block;color:var(--ink);margin-bottom:.4rem}.transaction-list{display:grid}.transaction-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:.82rem 0;border-bottom:1px solid var(--line)}.transaction-row:last-child{border-bottom:0}.transaction-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#edf3f0}.transaction-icon.income{background:#e8f7ed;color:var(--income)}.transaction-icon.expense{background:#fff0f0;color:var(--expense)}.transaction-row small{margin-top:.2rem}.two-column{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.8fr);gap:1rem;align-items:start}.sticky-panel{position:sticky;top:1rem}.stack{display:grid;gap:.85rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.form-grid.compact{padding:1rem 0}.form-grid .full{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:.6rem}.editable-row{border-top:1px solid var(--line)}.editable-row summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem .2rem;cursor:pointer}.editable-row summary::-webkit-details-marker{display:none}.editable-row summary>div{display:flex;align-items:center;gap:.6rem;min-width:0}.editable-row summary small{margin-left:.4rem}.danger-zone{padding:0 0 1rem}.color-dot{width:12px;height:12px;border-radius:50%;flex:0 0 auto}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:.8rem .55rem;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}td small{margin-top:.25rem}.right{text-align:right}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:.7rem;font-size:.82rem}.pill.income{background:#e8f7ed;color:var(--income)}.pill.expense{background:#fff0f0;color:var(--expense)}.upload-panel{background:#e2f4ee;border:1px dashed #72b5a5;border-radius:20px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.upload-panel form{display:flex;gap:.6rem;align-items:center}.file-button{display:inline-flex;background:#fff;border:1px solid #c8d9d3;border-radius:12px;padding:.75rem 1rem;cursor:pointer}.file-button input{position:absolute;width:1px;height:1px;opacity:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem}.slip-card{border:1px solid var(--line);border-radius:14px;padding:.8rem;display:grid;gap:.5rem}.slip-preview{height:105px;border-radius:10px;background:linear-gradient(135deg,#dfeee9,#f8fbfa);display:grid;place-items:center;color:var(--muted);font-weight:800}.review-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:1rem;align-items:start}.slip-viewer{display:grid;place-items:center;min-height:500px;background:#e9efec}.slip-viewer img{max-width:100%;max-height:75vh;border-radius:10px;box-shadow:var(--shadow)}.notice{background:#fff7db;border:1px solid #f5d777;border-radius:12px;padding:.8rem;color:#6f5510;font-size:.88rem}.simple-list{display:grid;margin-top:1rem}.simple-list>div{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-top:1px solid var(--line)}.inline-form{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr)) auto;gap:.5rem;padding:1rem 0}.progress-line{height:8px;background:#e8eeeb;border-radius:999px;overflow:hidden}.progress-line span{display:block;height:100%;background:var(--brand);border-radius:inherit}.check-list{display:grid;gap:.6rem;padding-left:1.2rem}.invite-code{border-radius:16px;background:#123a33;color:#fff;padding:1.3rem;margin-bottom:1.2rem}.invite-code span,.invite-code p{color:#b9d9d1}.invite-code strong{display:block;font-size:1.8rem;letter-spacing:.08em;margin:.4rem 0}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:1rem;background:radial-gradient(circle at 20% 15%,#d3efe6,transparent 35%),radial-gradient(circle at 85% 85%,#f8e9c5,transparent 30%),#f5f8f6}.auth-card{width:min(100%,440px);background:#fff;border:1px solid var(--line);border-radius:22px;padding:2rem;box-shadow:var(--shadow)}.auth-brand{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.auth-brand strong,.auth-brand small{display:block}.auth-link{text-align:center;font-size:.88rem;margin:.8rem 0 0}hr{border:0;border-top:1px solid var(--line);margin:1.5rem 0}
@media(max-width:1050px){.stat-grid{grid-template-columns:repeat(2,1fr)}.two-column,.review-grid{grid-template-columns:1fr}.sticky-panel{position:static}.inline-form{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:static;height:auto;padding:1rem}.sidebar nav{display:flex;overflow-x:auto;padding-bottom:.4rem}.sidebar nav a{white-space:nowrap}.nav-label{display:none}.logout-form{display:none}.brand{margin-bottom:.8rem}.main{padding:0 1rem 2rem}.topbar{min-height:90px}.top-actions{display:none}.hero{align-items:flex-start;flex-direction:column}.hero-number{font-size:2rem}.quick-actions{width:100%;flex-wrap:wrap}.stat-grid{grid-template-columns:1fr 1fr;gap:.65rem}.stat{padding:.9rem}.stat strong{font-size:1.05rem}.form-grid{grid-template-columns:1fr}.upload-panel,.upload-panel form{align-items:stretch;flex-direction:column}.transaction-row{grid-template-columns:38px minmax(0,1fr)}.transaction-row>.amount{grid-column:2}.editable-row summary{align-items:flex-start;flex-direction:column}.editable-row summary>div{align-items:flex-start;flex-direction:column}.inline-form{grid-template-columns:1fr}.auth-card{padding:1.4rem}}