:root{color:#17201b;background:#f6f7f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{min-height:42px;border:1px solid #1f4f46;border-radius:6px;background:#1f4f46;color:#fff;cursor:pointer;padding:0 16px;font-weight:700}button:disabled{cursor:not-allowed;opacity:.6}button:not(:disabled):hover{background:#173d36}label{display:grid;gap:6px;color:#51605a;font-size:.82rem;font-weight:700}input,select{width:100%;min-height:42px;border:1px solid #cfd8d1;border-radius:6px;background:#fff;color:#17201b;padding:8px 10px}input:focus,select:focus{border-color:#1f4f46;outline:3px solid rgba(31,79,70,.15)}.app-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 48px}.auth-shell,.loading{display:grid;min-height:100vh;place-items:center;padding:24px}.auth-panel{width:min(520px,100%);border:1px solid #d7ded9;border-radius:8px;background:#fff;padding:28px;box-shadow:0 18px 45px #17201b14}.auth-form,.invite-form{display:grid;gap:14px}.topbar,.section-heading,.payment-panel,.invite-panel,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar{padding:10px 0 24px}.topbar-actions{display:flex;align-items:center;gap:10px}h1,h2,p{margin:0}h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.05;letter-spacing:0}h2{color:#223129;font-size:1.25rem;letter-spacing:0}.eyebrow{color:#9a5a23;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.lede{color:#51605a;margin:14px 0 24px}.status{border-radius:6px;margin-bottom:18px;padding:12px 14px;font-weight:700}.status.notice{background:#e7f4ee;color:#1d5d42}.status.error{background:#fff0ec;color:#9d2e1e}.demo-pill{border:1px solid #d7a35a;border-radius:999px;background:#fff7e8;color:#77501d;padding:8px 12px;font-size:.82rem;font-weight:800}.toolbar{border-top:1px solid #d7ded9;border-bottom:1px solid #d7ded9;margin-bottom:22px;padding:16px 0}.toolbar label{width:min(240px,100%)}.summary-grid,.tracker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.summary-item{border:1px solid #d7ded9;border-radius:8px;background:#fff;padding:18px}.summary-item span{display:block;color:#65726c;font-size:.82rem;font-weight:800}.summary-item strong{display:block;margin-top:8px;color:#1f4f46;font-size:1.55rem;line-height:1.15}.summary-item.emphasis{border-color:#1f4f46;background:#eff8f4}.rate-strip{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.rate-strip span{border:1px solid #d7ded9;border-radius:999px;background:#fff;color:#44534d;padding:8px 12px;font-size:.9rem;font-weight:700}.work-surface,.payment-panel,.invite-panel{border:1px solid #d7ded9;border-radius:8px;background:#fff;padding:18px}.work-surface{margin-bottom:18px}.entry-list{display:grid;gap:12px;margin-top:18px}.entry-row{display:grid;grid-template-columns:1fr 180px;gap:16px;border:1px solid #d7ded9;border-radius:8px;background:#fbfcfa;padding:14px}.entry-row.muted{opacity:.7}.entry-main{display:grid;grid-template-columns:140px 140px 105px 150px 115px minmax(180px,1fr);gap:12px;align-items:end}.checkbox-label{display:flex;min-height:42px;align-items:center;gap:8px;color:#17201b}.checkbox-label input{width:18px;min-height:18px}.entry-total{display:grid;align-content:center;justify-items:end;text-align:right}.entry-total span,.entry-total small{color:#65726c;font-size:.8rem;font-weight:700}.entry-total strong{color:#1f4f46;font-size:1.35rem}.payment-panel,.invite-panel{margin-top:18px}.payment-panel{display:grid;grid-template-columns:1fr 140px 170px minmax(220px,1fr)}.invite-panel{display:grid;grid-template-columns:1fr minmax(300px,440px)}.invite-form{grid-template-columns:1fr auto;align-items:end}@media (max-width: 920px){.topbar,.toolbar,.section-heading,.payment-panel,.invite-panel{align-items:stretch;flex-direction:column}.summary-grid,.tracker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.entry-row,.payment-panel,.invite-panel{grid-template-columns:1fr}.entry-main{grid-template-columns:repeat(2,minmax(0,1fr))}.entry-total{justify-items:start;text-align:left}}@media (max-width: 560px){.app-shell{width:min(100% - 20px,1180px);padding-top:18px}.summary-grid,.tracker-grid,.entry-main,.invite-form{grid-template-columns:1fr}h1{font-size:2rem}}
