:root{font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#203b40;background:#f4f7f6;font-synthesis:none;font-size:15px;font-weight:400;line-height:1.5;--ink: #203b40;--muted: #5b6d70;--teal: #193e46;--line: #dce5e2;--accent: #d9f2b4;--focus: #6559a6}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button,a{transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}a{color:inherit;text-underline-offset:4px}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px}::selection{background:#d9f2b4;color:#193e46}input,textarea{caret-color:#193e46}*{scrollbar-color:#a1b4ae #edf2ef;scrollbar-width:thin}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.18;font-weight:650;letter-spacing:-.035em;text-wrap:balance;margin-bottom:12px}h2{font-size:1.17rem;line-height:1.3;letter-spacing:-.02em;font-weight:650;margin-bottom:16px}h3{font-size:1.02rem;font-weight:650}p,.muted,small{color:var(--muted)}small{font-size:.8rem}svg{flex-shrink:0}button{border:0;background:none}button svg,a svg{vertical-align:middle}.app-shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100dvh}.sidebar{background:var(--teal);color:#e7f0ee;padding:36px 22px 24px;display:flex;flex-direction:column;position:sticky;top:0;height:100dvh}.brand-link{text-decoration:none}.brand{display:inline-flex;align-items:center;font-size:2.05rem;font-weight:700;letter-spacing:-.055em;gap:9px;line-height:1}.brand-mark{display:inline-grid;place-items:center;width:37px;height:40px;border-radius:11px 11px 11px 3px;background:var(--accent);color:var(--teal);font-size:36px;font-weight:600;line-height:1;padding-bottom:4px}.brand-dot{color:#b9da98;margin-left:-9px}.household-label{display:flex;align-items:center;gap:9px;font-size:.8rem;color:#c3d6d6;margin:57px 10px 18px}.sidebar nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:12px;text-align:left;min-height:46px;padding:11px 14px;border-radius:8px;font-size:.92rem;color:#c3d6d6}.nav-item:hover{background:#28515a;color:#fff}.nav-item.active{background:var(--accent);color:var(--teal);font-weight:650}.sidebar-note{margin-top:auto;padding:45px 12px 32px}.sidebar-note p{color:#c3d6d6;margin:15px 0 0;font-size:.9rem}.small-house{color:var(--accent)}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid #38606a;padding-top:22px}.profile strong{font-size:.86rem}.profile small{display:block;color:#c3d6d6;font-size:.69rem}.profile .icon-button{margin-left:auto;min-width:30px;width:30px}.avatar{background:#cbd5ea;color:#263f47;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-weight:600;flex-shrink:0}main{min-width:0;max-width:1600px;width:100%;padding:46px clamp(24px,3.5vw,65px) 20px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 35px}.page-heading p{margin-bottom:0}.primary,.secondary,.small-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;border-radius:7px;font-size:.88rem;font-weight:600;min-height:43px;padding:11px 17px;white-space:nowrap}.primary{background:var(--teal);color:#fff;border:1px solid var(--teal)}.primary:hover{background:#2a5960}.secondary{background:#fff;border:1px solid #c3d2cc}.secondary:hover{background:#edf4ee}.small-button{min-height:35px;padding:7px 11px;font-size:.78rem;background:#ecf3e9;border:1px solid #d3e0cb}.small-button:hover{background:#d9ebd0}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;border-radius:6px;padding:6px}.icon-button:hover{background:#ffffff24}.month-toolbar{display:flex;align-items:center;gap:16px;padding-bottom:18px}.month-switch{display:flex;align-items:center;gap:10px}.month-switch h2{margin:0;min-width:152px;text-align:center}.month-switch .icon-button:hover{background:#e1e9e5}.month-count{margin-left:auto;color:var(--muted);font-size:.82rem}.text-button{font-size:.85rem;padding:4px 0;color:#315c62;text-align:left;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px}.text-button:hover{text-decoration-color:currentColor}.balance-band{display:grid;grid-template-columns:1fr 1fr .95fr;border-radius:12px;background:#e1ebdf;border:1px solid #d2dfcf;margin-bottom:36px;padding:26px 28px;gap:28px}.balance-band>div>span{display:flex;gap:8px;align-items:center;font-size:.86rem}.balance-band>div>strong{display:block;font-size:2.15rem;letter-spacing:-.035em;font-weight:650;font-variant-numeric:tabular-nums;margin-top:6px}.balance-band strong small{font-size:.85rem;font-weight:500;letter-spacing:0;color:#496157}.balance-band p{margin:4px 0 0;font-size:.8rem;color:#496157}.balance-note{border-left:1px solid #bdcfba;display:flex;align-items:center;gap:15px;padding-left:25px}.balance-note p{max-width:180px}.balance-note p strong{display:block;font-size:.98rem;color:var(--teal)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:28px;align-items:start}.section-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px;min-height:36px}.section-heading h2{margin:0}.segmented{display:inline-flex;background:#e5ece8;border-radius:7px;padding:3px;flex-shrink:0}.segmented button{padding:6px 11px;font-size:.76rem;border-radius:5px;color:#4a6266}.segmented button.selected{background:#fff;color:var(--teal);box-shadow:0 2px 5px #193e4610}.payments{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.payment-row{display:grid;grid-template-columns:32px minmax(90px,1fr) auto;gap:12px;padding:19px 18px;border-bottom:1px solid var(--line);align-items:start}.payment-row:last-child{border-bottom:0}.flow-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;margin-top:3px}.out{background:#eae6f3;color:#675483}.in{background:#e6efdf;color:#416042}.payment-info p{font-size:.79rem;margin:3px 0}.payment-info small{font-size:.75rem}.purchase-name{color:var(--ink);font-size:.94rem;font-weight:600;line-height:1.4;padding:0}.payment-amount{text-align:right;white-space:nowrap;font-size:1rem;font-weight:650;font-variant-numeric:tabular-nums}.payment-amount>span:not(.status){font-size:.69rem;color:var(--muted);font-weight:500}.status{display:block;font-size:.68rem;font-weight:500;margin-top:7px}.status.pending{color:#866035}.status.paid{color:#685185}.status.received{color:#386742}.row-actions{grid-column:2/-1;display:flex;gap:14px;align-items:center;justify-content:flex-end;min-height:5px}.received-icon{color:#477850}.row-actions:empty{display:none}.separator{margin:0 3px;color:#9aaba8}.quiet-note{display:flex;align-items:flex-start;gap:10px;padding:18px 3px;color:#6b7e7b}.quiet-note p{font-size:.79rem;margin:0;max-width:65ch}.purchase-card{width:100%;display:block;background:#fff;border:1px solid var(--line);border-radius:10px;text-align:left;padding:20px;margin-bottom:14px}.purchase-card:hover{border-color:#9bb8ad;box-shadow:0 5px 16px #193e4609}.purchase-card-top{display:flex;justify-content:space-between;color:#5a7371;margin-bottom:14px}.purchase-card h3{margin:0 0 4px}.purchase-card p{font-size:.78rem;margin-bottom:18px}.installment-strip{display:flex;gap:3px;height:7px;margin-bottom:12px}.installment-strip span{flex:1;background:#e7eeea;border-radius:2px}.installment-strip span.elapsed{background:#719c87}.purchase-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.69rem;color:var(--muted)}.purchase-card-bottom strong{font-size:.75rem;color:var(--ink);font-variant-numeric:tabular-nums}.purchase-card>small{display:block;text-align:right;font-size:.65rem;margin-top:2px}.purchase-empty{padding:28px 22px;border:1px dashed #bdcec6;border-radius:10px;color:#7c978b}.purchase-empty p{margin:16px 0 10px;font-size:.95rem;color:#50695d}.reminder-note{background:#e9e6f1;border-radius:10px;padding:22px;margin-top:24px;color:#5c4e78}.reminder-note h3{margin:12px 0 8px}.reminder-note p{font-size:.82rem;color:#685b7a}.reminder-note .text-button{color:#5c4e78;font-weight:600;font-size:.8rem}.app-footer{display:flex;justify-content:space-between;gap:15px;color:#6b7c78;font-size:.73rem;margin-top:55px;border-top:1px solid var(--line);padding:20px 0 0}.empty-state{text-align:center;padding:55px 25px;color:#799388}.empty-state h3{font-size:1.2rem;color:var(--ink);margin:18px 0 8px}.empty-state p{font-size:.91rem;max-width:44ch;margin:0 auto 22px}.purchase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.purchase-grid .purchase-card{margin:0}.demo-banner{display:flex;justify-content:space-between;gap:15px;background:#f1eddb;color:#6a5d24;padding:10px 14px;font-size:.78rem;border-radius:7px;margin-bottom:25px}.demo-banner button{text-decoration:underline;font-size:inherit}.error,.notice{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;border-radius:6px;font-size:.88rem;margin:0 0 20px;gap:10px}.error{background:#fae8e3;color:#8a3228}.notice{background:#e3efdf;color:#375e35}.back-link{display:inline-flex;align-items:center;gap:8px;margin-bottom:24px;padding:0;font-size:.85rem;color:#4e6a68}.form-page{max-width:800px}.lead{margin-bottom:30px}.purchase-form,.review{background:#fff;border:1px solid var(--line);padding:30px;border-radius:12px}.form-section{margin-bottom:30px;padding-bottom:28px;border-bottom:1px solid var(--line)}.form-section h2{margin-bottom:18px}.form-section>p{font-size:.86rem}label{display:flex;flex-direction:column;gap:8px;font-size:.86rem;font-weight:600;margin-bottom:18px}input,select,textarea{width:100%;border:1px solid #bdcdc6;border-radius:6px;padding:11px 12px;color:var(--ink);background:#fff;min-height:43px;font-weight:400}input::placeholder,textarea::placeholder{color:#71807d}label small{font-weight:400;font-size:.76rem;max-width:60ch}textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.check-label{flex-direction:row;align-items:center;gap:10px;font-weight:500;margin:0}.check-label input{width:18px;min-height:18px;height:18px;accent-color:var(--teal);flex-shrink:0}.split-person{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #eef2ef}.split-person:last-child{border:0}.weight-label{display:flex;flex-direction:row;align-items:center;margin:0;font-size:.75rem;color:var(--muted)}.weight-label input{width:80px;min-height:36px;padding:6px 10px}.form-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:25px}.form-footer>span{font-size:.86rem;color:#4b6860}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:7px;margin:24px 0}table{border-collapse:collapse;width:100%;font-size:.82rem;font-variant-numeric:tabular-nums}th,td{text-align:right;padding:12px;white-space:nowrap;border-bottom:1px solid var(--line)}th{font-weight:600;background:#edf3ef}th:first-child,td:first-child{text-align:left}tbody tr:last-child td{border:0}.review-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px}.review-heading span{font-size:.88rem;color:var(--muted)}.review>p{font-size:.85rem}.detail-total{font-size:.9rem;text-align:right;white-space:nowrap}.detail-total strong{font-size:1.9rem;font-variant-numeric:tabular-nums}.detail-total span{display:block;font-size:.8rem;color:var(--muted)}.detail-facts{display:flex;gap:30px;flex-wrap:wrap;background:#e4ece5;padding:24px;border-radius:10px;margin-bottom:30px;font-size:.8rem}.detail-facts strong{display:block;margin-top:4px;color:var(--ink)}.purchase-notes{white-space:pre-wrap;max-width:70ch}.preferences{max-width:760px}.settings-section{background:#fff;border:1px solid var(--line);border-radius:10px;padding:28px;margin-bottom:24px}.settings-section>svg{color:#59716a}.settings-section h2{margin:12px 0}.settings-section>p{font-size:.88rem;max-width:65ch}.settings-section>.check-label{margin:24px 0}.settings-section select{max-width:160px}.setup-note{padding:12px 15px;background:#f2efdf;border-radius:6px;color:#6c602c!important;font-size:.82rem!important}.whatsapp-list>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}.whatsapp-list>div:last-child{border:0}.delivery-log{margin-top:24px;border-top:1px solid var(--line);padding-top:20px}.delivery-log p{font-size:.83rem}.overdue-section{margin-top:30px;background:#fff9ef;border:1px solid #ecddc6;border-radius:10px;overflow:hidden}.overdue-section h2{font-size:.95rem;padding:18px 18px 0;color:#79572e}.login-page{display:grid;grid-template-columns:1.05fr 1fr;min-height:100dvh;background:#fff}.login-story{background:var(--teal);color:#f4f8f5;padding:50px clamp(30px,6vw,95px);display:flex;flex-direction:column;justify-content:space-between;gap:60px}.login-story h1{font-size:clamp(2.6rem,4.5vw,4.3rem);line-height:1.1;letter-spacing:-.035em;margin:25px 0}.login-story p{color:#c9ded9;line-height:1.8;font-size:.96rem}.login-story>span{font-size:.82rem;color:#bed4ce}.login-story svg{color:var(--accent)}.login-panel{align-self:center;padding:55px clamp(25px,6vw,95px);max-width:640px;width:100%;margin:auto}.login-panel h2{font-size:2.1rem;margin-bottom:12px;letter-spacing:-.035em}.login-panel>p{font-size:.94rem;margin-bottom:28px}.login-panel form .primary{width:100%}.login-private{display:block;margin-top:35px}.demo-signin{border-top:1px solid var(--line);margin-top:30px;padding-top:22px}.demo-signin p{font-size:.8rem;margin:5px 0 15px}.demo-signin .secondary{display:flex;width:100%;margin:8px 0}.loading{min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:20px}.loading p{font-size:.9rem}@media(min-width:1450px){.payment-row{grid-template-columns:32px minmax(150px,1fr) auto 130px;align-items:center}.row-actions{grid-column:auto;flex-wrap:wrap}.workspace{grid-template-columns:minmax(0,1fr) 290px}.balance-band{padding:28px 34px}}@media(max-width:1100px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:30px 15px 20px}main{padding:32px 25px 18px}.workspace{grid-template-columns:minmax(0,1fr) 225px;gap:20px}.balance-band{gap:18px;padding:22px}.balance-note{display:none}.balance-band{grid-template-columns:1fr 1fr}.section-heading{flex-wrap:wrap}.page-heading .primary{font-size:.8rem;padding:10px 12px}}@media(max-width:850px){.workspace{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr;gap:16px}.right-column .section-heading{grid-column:1/-1;margin-bottom:0}.right-column .purchase-card,.reminder-note{margin:0}.page-heading{align-items:flex-start}.sidebar-note{display:none}}@media(max-width:650px){.app-shell{display:block}.sidebar{position:static;height:auto;padding:20px 20px 0;display:grid;grid-template-columns:1fr auto;gap:20px}.sidebar .brand{font-size:1.7rem}.brand-mark{width:30px;height:33px;font-size:29px}.household-label,.sidebar-note{display:none}.sidebar nav{display:flex;grid-column:1/-1;grid-row:2;gap:8px;justify-content:space-between;padding-bottom:14px}.nav-item{font-size:.79rem;gap:7px;min-height:42px;padding:9px 10px}.nav-item svg{width:17px}.profile{grid-column:2;grid-row:1;border:0;padding:0;gap:7px}.profile small,.profile .avatar{display:none}.profile strong{font-size:.78rem}.profile .icon-button{height:30px}main{padding:27px 18px 18px}.page-heading{margin-bottom:25px;flex-wrap:wrap;gap:17px}.page-heading h1{font-size:1.95rem;margin-bottom:8px}.page-heading p{font-size:.87rem}.page-heading .primary{min-height:40px}.month-toolbar{gap:8px;padding-bottom:15px}.month-switch{gap:3px}.month-switch h2{font-size:1rem;min-width:128px}.month-count{font-size:.72rem}.balance-band{padding:20px 17px;gap:16px;margin-bottom:28px}.balance-band>div>span{font-size:.74rem;gap:4px}.balance-band>div>span svg{width:15px}.balance-band>div>strong{font-size:1.75rem}.balance-band strong small{font-size:.7rem}.balance-band p{font-size:.7rem;max-width:19ch}.section-heading h2{font-size:1.02rem}.segmented button{font-size:.72rem;padding:6px 9px}.workspace{gap:20px}.payment-row{padding:17px 13px;gap:10px;grid-template-columns:28px minmax(90px,1fr) auto}.flow-icon{width:28px;height:28px}.flow-icon svg{width:17px}.payment-amount{font-size:.92rem}.payment-info p{font-size:.74rem}.right-column{gap:12px}.purchase-card{padding:16px}.purchase-card p{font-size:.74rem}.purchase-card-bottom{align-items:flex-start;flex-direction:column;gap:3px}.purchase-card>small{text-align:left}.reminder-note{padding:18px}.app-footer{font-size:.65rem;margin-top:35px}.demo-banner{font-size:.7rem;align-items:center;margin-bottom:22px}.purchase-form,.review{padding:20px}.form-grid{grid-template-columns:1fr;gap:0}.form-footer{align-items:flex-start;flex-direction:column}.form-footer .primary{width:100%}.split-person{gap:10px}.check-label{font-size:.8rem}.weight-label{font-size:.7rem;gap:6px}.weight-label input{width:66px}.review-heading{display:block}.review-heading h2{margin-bottom:5px}.table-scroll{margin:20px -10px}.detail-total{text-align:left}.detail-facts{gap:20px;padding:20px}.detail-facts>span{width:100%}.settings-section{padding:22px 19px}.whatsapp-list .secondary{font-size:.76rem;padding:8px 11px}.login-page{display:block}.login-story{padding:25px;gap:30px}.login-story>div{display:none}.login-story>span{display:none}.login-panel{padding:42px 25px}.login-panel h2{font-size:1.9rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}