:root{--brand:#0f5132;--brand-2:#157347;--brand-3:#1f8a57;--brand-soft:#e7f3ec;--bg:#f3f5f2;--card:#fff;--text:#17201b;--muted:#5f6b64;--line:#e1e6e2;--line-strong:#cfd6d1;--credit:#b42318;--credit-soft:#fdeceb;--payment:#067647;--payment-soft:#e6f5ec;--adjust:#a15c07;--adjust-soft:#fdf1df;--adv:#1d5fa8;--warn-bg:#fff6df;--warn:#7a5200;--wa:#128c4a;--radius:14px;--radius-sm:10px;--shadow-sm:0 1px 2px #1018140f;--shadow:0 1px 2px #1018140d, 0 6px 18px #1018140d;--shadow-lg:0 10px 40px #1018142e;--topbar-h:56px;--bottomnav-h:64px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-synthesis:none;text-rendering:optimizelegibility;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Helvetica Neue,Arial,sans-serif;line-height:1.4}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);margin:0}body{min-height:100dvh;overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}h1,h2,h3,p{margin:0}img{max-width:100%}:focus-visible{outline:3px solid color-mix(in srgb, var(--brand-2) 55%, transparent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.muted{color:var(--muted)}.small{font-size:.85rem}.block{display:block}.center{text-align:center}.grow{flex:1;min-width:0}.layout{min-height:100dvh}.sidebar{display:none}.main-col{min-width:0}.content{flex-direction:column;gap:14px;max-width:600px;margin:0 auto;padding:16px 16px 32px;display:flex}.layout.has-nav .content{padding-bottom:calc(var(--bottomnav-h) + 96px + env(safe-area-inset-bottom))}.narrow{flex-direction:column;gap:14px;width:100%;max-width:560px;margin:0 auto;display:flex}.topbar{z-index:10;height:calc(var(--topbar-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0;background:var(--brand);color:#fff;align-items:center;gap:10px;display:flex;position:sticky;top:0}.topbar h1{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:1.1rem;font-weight:650;overflow:hidden}.topbar-right{gap:6px;display:flex}.icon-btn{width:42px;height:42px;color:inherit;background:#ffffff24;border:0;border-radius:12px;flex:none;place-items:center;display:grid}.icon-btn:active{background:#ffffff3d}.logo{width:34px;height:34px;color:var(--brand);letter-spacing:-.02em;background:#fff;border-radius:10px;flex:none;place-items:center;font-size:1.05rem;font-weight:800;display:grid}.logo.big{background:var(--brand);color:#fff;border-radius:18px;width:64px;height:64px;font-size:2rem}.bottomnav{z-index:10;background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #1018140a}.nav-item{color:var(--muted);background:0 0;border:0;align-items:center;gap:10px;display:flex}.nav-item.bottom{max-width:180px;height:var(--bottomnav-h);flex-direction:column;flex:1;justify-content:center;gap:3px;font-size:.75rem;font-weight:550}.nav-item.active{color:var(--brand);font-weight:700}.nav-item.bottom.active svg{stroke-width:2.4px}.fab{z-index:11;right:max(16px,50% - 284px);bottom:calc(var(--bottomnav-h) + 16px + env(safe-area-inset-bottom));background:var(--brand);color:#fff;border:0;border-radius:999px;align-items:center;gap:8px;padding:14px 20px 14px 16px;font-weight:650;display:inline-flex;position:fixed;box-shadow:0 8px 22px #0f513259}.fab:active{transform:translateY(1px)}.update-bar{z-index:30;color:#fff;background:#10241a;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:8px 16px;font-size:.9rem;display:flex;position:sticky;top:0}.update-bar .btn{min-height:36px;padding:6px 14px}@media (width>=900px){.layout{grid-template-columns:252px 1fr;display:grid}.sidebar{color:#e6f0ea;background:#0d3b25;flex-direction:column;gap:6px;height:100dvh;padding:20px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:4px 8px 18px;display:flex}.brand-text{flex-direction:column;min-width:0;display:flex}.brand-text strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brand-text span{opacity:.7;font-size:.8rem}.side-add{margin:0 4px 14px;color:var(--brand)!important;background:#fff!important}.nav-item.side{color:#cfe2d7;text-align:left;border-radius:10px;width:100%;padding:11px 12px;font-weight:550}.nav-item.side:hover{background:#ffffff12}.nav-item.side.active{color:#fff;background:#ffffff21}.bottomnav,.fab,.mobile-only{display:none!important}.topbar{background:var(--card);color:var(--text);border-bottom:1px solid var(--line);padding:0 28px}.topbar h1{font-size:1.25rem}.icon-btn{background:var(--bg);color:var(--text)}.icon-btn:hover{background:var(--line)}.content{padding:24px 28px 48px}.content.wide{max-width:1120px}.layout.has-nav .content{padding-bottom:48px}.customer-grid{grid-template-columns:minmax(320px,400px) 1fr;align-items:start;gap:24px;display:grid}.customer-grid>.col:first-child{top:calc(var(--topbar-h) + 24px);position:sticky}.settings-grid{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.stat-grid{grid-template-columns:repeat(3,1fr)!important}.stat.wide{grid-column:auto!important}.row:hover,.entry:hover{background:#f7f9f7}.btn:not(:disabled):hover{filter:brightness(.97)}.sheet-backdrop{align-items:center!important}.sheet{border-radius:18px!important;max-width:520px!important}.sheet-handle{display:none}}.col{flex-direction:column;gap:14px;min-width:0;display:flex}.customer-grid,.settings-grid{flex-direction:column;gap:14px;display:flex}@media (width>=900px){.customer-grid,.settings-grid{display:grid}}.hero-card,.balance-card,.card,.stat,.confirm-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.hero-card{background:linear-gradient(135deg, var(--brand) 0%, var(--brand-3) 100%);color:#fff;flex-direction:column;gap:4px;padding:20px;display:flex}.hero-label{opacity:.85;font-size:.92rem}.hero-amt{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(1.9rem,7vw,2.5rem);font-weight:760;line-height:1.15}.hero-sub{opacity:.9;font-size:.88rem}.balance-card{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:22px 18px;display:flex}.balance-amt{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:clamp(2rem,9vw,2.6rem);font-weight:760;line-height:1.15}.balance-amt.owe{color:var(--credit)}.balance-amt.adv{color:var(--adv)}.balance-amt.zero{color:var(--payment)}.card{flex-direction:column;gap:12px;display:flex}.card-title{align-items:center;gap:8px;font-size:1rem;display:flex}.subcard{background:var(--bg);border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.search{position:relative}.search input{border:1px solid var(--line);background:var(--card);width:100%;height:50px;box-shadow:var(--shadow-sm);border-radius:12px;padding:0 44px;font-size:1rem}.search input::-webkit-search-cancel-button{display:none}.search-icon{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-clear{width:38px;height:38px;color:var(--muted);background:0 0;border:0;border-radius:10px;place-items:center;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.list,.entries{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin:0;padding:0;list-style:none;overflow:hidden}.list>li+li,.entry+.entry{border-top:1px solid var(--line)}.row{text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;min-height:64px;padding:13px 14px;display:flex}.row:active,.entry:active{background:var(--bg)}.avatar{background:var(--brand-soft);width:40px;height:40px;color:var(--brand);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.row-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.row-title{text-overflow:ellipsis;white-space:nowrap;font-weight:620;overflow:hidden}.row-sub{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-end{text-align:right;flex-direction:column;align-items:flex-end;gap:2px;display:flex}.list.archived{opacity:.8}.archived-toggle{align-self:center}.amt{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.amt.owe{color:var(--credit)}.amt.adv{color:var(--adv)}.amt.zero{color:var(--muted)}.amt.paid{color:var(--payment)}.adjust-text{color:var(--adjust)}.owe-text{color:var(--credit)}.empty{text-align:center;color:var(--muted);padding:24px 8px}.empty-state{text-align:center;color:var(--muted);background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:14px;padding:32px 16px;display:flex}.section-title{margin-top:4px;font-size:1rem;font-weight:700}.tag{background:var(--line);color:var(--muted);white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;font-weight:650;display:inline-flex}.tag.overdue{background:var(--credit-soft);color:var(--credit);align-self:flex-start;margin-top:3px}.tag-big{border-radius:99px;padding:5px 12px;font-size:.9rem}.tag-big.adjust{background:var(--adjust-soft);color:var(--adjust)}.tag-big.payment{background:var(--payment-soft);color:var(--payment)}.btn{background:var(--brand-soft);min-height:48px;color:var(--brand);text-align:center;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-weight:650;line-height:1.2;transition:filter .12s,transform 60ms;display:inline-flex;position:relative}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45}.btn.big{width:100%;min-height:56px;font-size:1.05rem}.btn.primary{background:var(--brand);color:#fff}.btn.credit{background:var(--credit);color:#fff}.btn.payment{background:var(--payment);color:#fff}.btn.adjust{background:var(--adjust);color:#fff}.btn.whatsapp{background:var(--wa);color:#fff}.btn.ghost{background:var(--card);color:var(--text);border:1px solid var(--line-strong)}.btn.ghost.subtle{color:var(--muted)}.btn.danger{color:var(--credit)}.btn.emphasis{border:1.5px dashed var(--brand-2);color:var(--brand)}.btn.icon-only{width:44px;min-height:44px;padding:0}.btn.is-busy{color:#0000!important}.btn.is-busy>:not(.spinner){visibility:hidden}.spinner{border:2.5px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:20px;height:20px;margin:auto;animation:.7s linear infinite spin;position:absolute;inset:0}.btn.ghost .spinner{border-color:var(--line);border-top-color:var(--brand)}@keyframes spin{to{transform:rotate(360deg)}}.two-btns{grid-template-columns:1fr 1fr;gap:10px;display:grid}.two-btns .btn,.one-btn .btn{width:100%}.one-btn{display:grid}.actions{flex-direction:column;gap:10px;display:flex}.banner{text-align:left;border:0;border-radius:12px;flex-direction:column;gap:10px;padding:12px 14px;font-size:.95rem;display:flex}.banner.as-button{flex-direction:row;align-items:center;gap:10px;width:100%}.banner-line{align-items:flex-start;gap:8px;display:flex}.banner-line svg{flex:none;margin-top:1px}.banner.warn{background:var(--warn-bg);color:var(--warn)}.banner.ok{background:var(--payment-soft);color:var(--payment)}.banner.info{background:var(--brand-soft);color:var(--brand)}.banner.danger{background:var(--credit-soft);color:var(--credit)}.banner-actions{flex-wrap:wrap;gap:8px;display:flex}.banner-actions .btn{min-height:42px}.install-head{align-items:flex-start;gap:10px;display:flex}.install-head svg{flex:none;margin-top:2px}.error{background:var(--credit-soft);color:var(--credit);border-radius:12px;padding:11px 14px;font-weight:560}.ok-text{color:var(--payment);align-items:center;gap:6px;font-weight:600;display:inline-flex}.form{flex-direction:column;gap:14px;font-weight:600;display:flex}.form label{flex-direction:column;gap:6px;display:flex}.form input,.form select,.form textarea,.pin-input,.pw-row input{border:1px solid var(--line-strong);background:var(--card);border-radius:12px;width:100%;min-height:50px;padding:12px 14px;font-size:1.05rem;font-weight:450}.form textarea{resize:vertical;min-height:90px}.form input:focus,.form select:focus,.form textarea:focus,.search input:focus,.pin-input:focus,.pw-row input:focus{border-color:var(--brand-2);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-2) 22%, transparent);outline:none}.form-for{font-weight:600}.amount-input{text-align:center;font-variant-numeric:tabular-nums;min-height:72px!important;font-size:2.1rem!important;font-weight:750!important}.amount-input.credit{color:var(--credit)}.amount-input.payment{color:var(--payment)}.amount-input.adjust{color:var(--adjust)}.preview{text-align:center;color:var(--muted);min-height:1.3em;margin-top:-8px;font-weight:600}.field{border:0;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;display:flex}.field legend{margin-bottom:8px;padding:0}.choice-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.choice-grid.three{grid-template-columns:1fr}.choice{border:1.5px solid var(--line-strong);background:var(--card);border-radius:12px;min-height:50px;padding:10px;font-weight:600;line-height:1.2}.choice.active{border-color:var(--brand-2);background:var(--brand-soft);color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand-2)}.more{border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:14px;min-width:0;margin:0;padding:12px 14px 14px;display:flex}.more legend{color:var(--muted);padding:0 6px;font-size:.9rem}.check{align-items:flex-start;gap:12px;font-weight:600;display:flex}.check input{width:22px;height:22px;accent-color:var(--brand);flex:none;margin-top:2px}.seg{background:var(--line);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.seg button{min-height:42px;color:var(--muted);background:0 0;border:0;border-radius:9px;font-weight:600}.seg button.active{background:var(--card);color:var(--brand);box-shadow:var(--shadow-sm)}.pw-row{grid-template-columns:1fr auto;gap:8px;display:grid}.confirm-card{text-align:center;border-top:5px solid var(--line);flex-direction:column;align-items:center;gap:8px;padding:22px 18px;display:flex}.confirm-card.credit{border-top-color:var(--credit)}.confirm-card.payment{border-top-color:var(--payment)}.confirm-card.adjust{border-top-color:var(--adjust)}.confirm-name{overflow-wrap:anywhere;font-size:1.25rem}.confirm-amt{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:clamp(2.2rem,10vw,2.8rem);font-weight:800}.confirm-amt.credit{color:var(--credit)}.confirm-amt.payment{color:var(--payment)}.confirm-amt.adjust{color:var(--adjust)}.confirm-balances{border-top:1px solid var(--line);font-variant-numeric:tabular-nums;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;width:100%;margin-top:8px;padding-top:14px;display:grid}.confirm-balances>div{flex-direction:column;gap:2px;display:flex}.confirm-balances strong{font-size:1.1rem}.confirm-balances .arrow{color:var(--muted);font-size:1.2rem}.entry{text-align:left;background:0 0;border:0;align-items:flex-start;gap:12px;width:100%;padding:13px 14px;display:flex}.entry-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.entry-label{flex-wrap:wrap;align-items:center;gap:6px;font-weight:650;display:flex}.entry-note{color:var(--text);overflow-wrap:anywhere;font-size:.9rem}.entry-amt{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:750}.entry-amt.credit{color:var(--credit)}.entry-amt.payment{color:var(--payment)}.entry-amt.adjust{color:var(--adjust)}.entry-amt.rev{color:var(--muted)}.entry.struck .entry-amt,.entry.struck .entry-note{opacity:.55;text-decoration:line-through}.dot{border-radius:50%;flex:none;width:10px;height:10px;margin-top:6px}.dot.credit{background:var(--credit)}.dot.payment{background:var(--payment)}.dot.adjust{background:var(--adjust)}.dot.rev{background:var(--muted)}.sheet-backdrop{z-index:40;background:#0a140e73;justify-content:center;align-items:flex-end;animation:.15s ease-out fade;display:flex;position:fixed;inset:0}.sheet{background:var(--card);width:100%;max-width:600px;max-height:90dvh;padding:10px 18px calc(20px + env(safe-area-inset-bottom));box-shadow:var(--shadow-lg);border-radius:20px 20px 0 0;flex-direction:column;gap:14px;animation:.18s ease-out rise;display:flex;overflow:auto}.sheet-handle{background:var(--line-strong);border-radius:4px;width:40px;height:4px;margin:0 auto 4px}.sheet-title{font-size:1.1rem}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}.details{grid-template-columns:minmax(96px,45%) 1fr;gap:10px 16px;margin:0;display:grid}.details dt{color:var(--muted)}.details dd{text-align:right;overflow-wrap:anywhere;margin:0;font-weight:600}.detail-row{display:contents}.confirm-box{background:var(--credit-soft);border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.confirm-box.neutral{background:var(--bg)}.photo{border-radius:12px;width:100%;display:block}.photo.small{object-fit:contain;background:var(--bg);max-height:200px}.photo-wrap{flex-direction:column;gap:8px;display:flex}.profile{gap:14px}.profile-toggle{background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;min-height:32px;padding:0;font-size:1rem;font-weight:700;display:flex}.info-group{flex-direction:column;display:flex}.info-group h3{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:6px 0 4px;font-size:.78rem;font-weight:700}.info-list{background:var(--bg);border-radius:12px;flex-direction:column;margin:0;padding:2px 12px;display:flex}.info-row{justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;display:flex}.info-row+.info-row{border-top:1px solid var(--line)}.info-row dt{color:var(--muted);flex:50%;min-width:0;font-size:.92rem;line-height:1.3}.info-row dd{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;margin:0;font-weight:650}.info-row dd.wrap{white-space:normal;overflow-wrap:anywhere;flex:0 auto;max-width:60%}.profile-notes{background:var(--bg);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:10px;padding:10px 12px}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat{flex-direction:column;gap:10px;padding:14px;display:flex}.stat.wide{grid-column:1/-1}.stat h3{font-size:.95rem}.stat-line{flex-direction:column;gap:1px;display:flex}.method-line{color:var(--muted)}.overdue-row{flex-direction:column;display:flex}.overdue-row .send-group{padding:0 14px 12px}.sync-line{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0;font-size:.88rem;display:flex}.sync-dot{background:var(--line-strong);border-radius:50%;flex:none;width:9px;height:9px}.sync-line.good .sync-dot{background:var(--payment)}.sync-line.warn{color:var(--warn)}.sync-line.warn .sync-dot{background:#d99a00}.sync-line.bad{color:var(--credit);font-weight:600}.sync-line.bad .sync-dot{background:var(--credit)}.sync-line .block{flex-basis:100%}.statement-card{flex-direction:column;gap:10px;padding:14px;display:flex}.send-group{flex-direction:column;gap:6px;display:flex}.send-label{color:var(--muted);font-size:.85rem;font-weight:650}.banner .send-label{color:inherit}.send-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.send-btn{width:100%}.send-btn.wa svg{color:var(--wa)}.send-btn.sms svg{color:var(--brand-2)}.btn.small-btn{min-height:40px;padding:8px 12px;font-size:.92rem}.form-field{flex-direction:column;gap:10px;display:flex}.terms-custom{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.terms-custom span{color:var(--muted);font-weight:600}.auth-screen{background:var(--bg);min-height:100dvh;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.auth-hero{text-align:center;color:#fff;background:linear-gradient(150deg, var(--brand) 0%, var(--brand-3) 100%);padding:calc(36px + env(safe-area-inset-top)) 20px 84px;flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.auth-hero h1{letter-spacing:-.02em;font-size:1.9rem;font-weight:800}.auth-hero p{opacity:.85;font-size:.95rem}.auth-logo{width:64px;height:64px;color:var(--brand);background:#fff;border-radius:18px;place-items:center;margin-bottom:6px;font-size:2rem;font-weight:800;display:grid;box-shadow:0 8px 24px #0000002e}.auth-lang{top:calc(14px + env(safe-area-inset-top));background:#ffffff29;border-radius:999px;gap:2px;padding:3px;display:flex;position:absolute;right:14px}.auth-lang button{color:#fff;background:0 0;border:0;border-radius:999px;min-height:32px;padding:6px 12px;font-size:.8rem;font-weight:700}.auth-lang button.active{color:var(--brand);background:#fff}.auth-card{background:var(--card);max-width:440px;box-shadow:var(--shadow-lg);border-radius:20px;margin:-56px 16px 0;padding:24px 20px;position:relative}@media (width>=480px){.auth-card{margin:-56px auto 0;padding:28px}}.auth-head{flex-direction:column;gap:4px;margin-bottom:2px;display:flex}.auth-head h2{font-size:1.3rem;font-weight:750}.auth-head p{color:var(--muted);font-size:.93rem;font-weight:450}.input-icon{display:block;position:relative}.input-icon>svg{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.form .input-icon input{padding-left:46px}.form .input-icon.has-end input{padding-right:52px}.input-end{width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:10px;place-items:center;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.link-btn{color:var(--brand-2);background:0 0;border:0;padding:4px 2px;font-weight:700}.link-btn.end{align-self:flex-end;margin-top:-6px}.auth-switch{text-align:center;color:var(--muted);font-weight:500}.auth-note{color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:6px;padding:18px 20px 0;font-size:.82rem;display:flex}.banner.small{padding:10px 12px;font-size:.88rem}.setup .content{justify-content:center;gap:16px;max-width:440px;min-height:100dvh}.setup h1{font-size:1.6rem}.setup-logo{background:var(--brand);color:#fff;border-radius:18px;place-items:center;width:64px;height:64px;font-size:2rem;font-weight:800;display:grid}.pin-input{text-align:center;letter-spacing:.5em;font-size:1.8rem!important}.loading,.fatal{text-align:center;place-content:center;justify-items:center;gap:12px;min-height:100dvh;padding:24px;display:grid}.loading .logo{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.fatal pre{white-space:pre-wrap;color:var(--muted);max-width:520px;font-size:.75rem}.statement{background:#fff;max-width:860px;min-height:100dvh;margin:0 auto;padding:16px}.statement-bar{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:18px;display:flex}.statement-head{border-bottom:2px solid var(--brand);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-bottom:12px;padding-bottom:12px;display:flex}.statement-head h1{color:var(--brand);font-size:1.4rem}.statement-head p{margin-top:4px}.statement-head .right{text-align:right}.table-wrap{overflow-x:auto}.statement table{border-collapse:collapse;width:100%;font-size:.88rem}.statement th,.statement td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:8px 6px}.statement th{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);font-size:.78rem}.statement .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.statement tr.struck td:not(:nth-child(2)){color:var(--muted);text-decoration:line-through}.statement tfoot td{border-bottom:0;border-top:2px solid var(--text);font-size:1.05rem}@media print{.no-print{display:none!important}.statement{padding:0}body,html{background:#fff}}.form-for{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.form-for strong{overflow-wrap:anywhere;font-size:1.1rem}.calc-row{flex-wrap:wrap;gap:8px;margin-top:-4px;display:flex}.calc-key{border:1px solid var(--line-strong);background:var(--card);width:52px;height:44px;color:var(--brand);border-radius:12px;font-size:1.35rem;font-weight:700;line-height:1}.calc-key:active{background:var(--brand-soft)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line-strong);background:var(--card);min-height:40px;color:var(--text);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:100%;padding:8px 14px;font-size:.9rem;font-weight:600;position:relative;overflow:hidden}.chip:active{background:var(--brand-soft)}.chip.active{background:var(--brand);border-color:var(--brand);color:#fff}.chip-dot{background:var(--credit);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-left:6px;display:inline-block}.chip.active .chip-dot{background:#fff}.sort-chips{scrollbar-width:none;flex-wrap:nowrap;margin:-2px -16px 0;padding:2px 16px;overflow-x:auto}.sort-chips::-webkit-scrollbar{display:none}.sort-chips .chip{flex:none}.calc-shown{font-variant-numeric:tabular-nums}.hero-card.clickable{cursor:pointer}.restore-setup{flex-direction:column;gap:10px;display:flex}a.icon-btn{text-decoration:none}.content{animation:.16s ease-out page-in}@keyframes page-in{0%{opacity:0;transform:translateY(4px)}}@media (width>=900px){.sort-chips{flex-wrap:wrap;margin:0;padding:0}}@media (width<=370px){.content{padding-left:12px;padding-right:12px}.two-btns,.choice-grid,.stat-grid{grid-template-columns:1fr}.btn{padding:10px 12px}.row{gap:10px;padding:12px}.avatar{width:34px;height:34px}.fab{padding:13px 16px}}
