@font-face{font-family:system-fallback;src:local("Arial");font-display:swap}
:root{--green:#173f35;--green-dark:#102f28;--green-light:#e6eee5;--lime:#dfe9b8;--cream:#f5f5ee;--paper:#fff;--ink:#202d29;--muted:#64716a;--line:#e0e5dc;--danger:#a73d34;--danger-bg:#fff0e9;--shadow:0 8px 28px #203b2610;--radius:20px;--bottom:80px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible{outline:3px solid #799c48;outline-offset:4px}input:focus,textarea:focus,select:focus{outline:3px solid #dbe8bc;border-color:#577b4c}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.boot{min-height:100vh;display:grid;align-content:center;justify-items:center;gap:14px;color:var(--muted)}.brand-mark{display:grid;place-items:center;background:var(--green);color:var(--lime);font-size:24px;font-weight:750;width:46px;height:46px;border-radius:15px}.brand{display:flex;align-items:center;gap:11px}.brand-title{font-size:20px;font-weight:750;letter-spacing:-.7px;line-height:1.1}.brand-sub{font-size:11px;font-weight:650;letter-spacing:1.5px;text-transform:uppercase;margin-top:5px;color:var(--muted)}.app-shell{min-height:100vh}.sidebar{display:none}.topbar{display:flex;justify-content:space-between;align-items:center;padding:24px 20px 14px;gap:12px}.topbar .brand-mark{width:40px;height:40px;font-size:23px;border-radius:13px}.account{display:flex;gap:8px;align-items:center}.avatar{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#e3e9d6;border:1px solid #d6ddc7;color:var(--green);font-weight:750;font-size:14px}.icon-button{border:0;background:transparent;width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:var(--muted)}.icon-button:hover{background:var(--green-light)}.main{max-width:1160px;margin:0 auto;padding:14px 20px calc(var(--bottom) + 28px)}.page-title{margin:0;font-size:29px;line-height:1.2;font-weight:750;letter-spacing:-1px}.page-subtitle{color:var(--muted);font-size:13px;margin:8px 0 0}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:22px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 9px;color:var(--muted)}.heading-action{display:none}.btn{min-height:48px;border:1px solid transparent;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 17px;font-weight:650;font-size:14px;line-height:1.3;transition:background .15s,transform .15s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--green);color:white}.btn-primary:hover{background:var(--green-dark)}.btn-lime{background:var(--lime);color:var(--green-dark)}.btn-lime:hover{background:#d4e1a1}.btn-secondary{background:var(--paper);color:var(--green);border-color:var(--line)}.btn-secondary:hover{background:#edf1e8}.btn-danger{background:var(--danger-bg);color:var(--danger);border-color:#edcdc5}.btn-wide{width:100%}.btn-small{min-height:44px;padding:10px 13px;font-size:13px}.text-link{display:inline-flex;align-items:center;gap:5px;min-height:44px;font-size:13px;color:var(--green);font-weight:650}.hero-balance{background:var(--green);color:#fff;border-radius:24px;padding:25px 24px;position:relative;overflow:hidden;box-shadow:0 10px 24px #173f3520}.hero-balance:after{content:"";position:absolute;right:-50px;top:-60px;width:210px;height:210px;border:35px solid #ffffff06;border-radius:50%;pointer-events:none}.hero-top{display:flex;justify-content:space-between;gap:16px;align-items:center}.hero-balance .eyebrow{color:#c8d4b8;margin-bottom:12px}.hero-amount{font-size:42px;font-weight:650;letter-spacing:-1.8px;line-height:1.18;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.hero-help{font-size:13px;color:#d3ded4;margin:12px 0 25px}.hero-balance .btn{position:relative;z-index:1}.hero-symbol{height:42px;width:42px;display:grid;place-items:center;border:1px solid #ffffff22;border-radius:14px;color:var(--lime)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.stat{padding:19px 17px;border-radius:18px;background:var(--paper);border:1px solid var(--line);min-width:0}.stat-label{font-size:12px;color:var(--muted);margin:0 0 10px;display:flex;align-items:center;gap:7px}.stat-label svg{width:17px;height:17px}.stat-value{font-size:23px;font-weight:750;letter-spacing:-.7px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.stat-note{font-size:11px;color:var(--muted);margin:6px 0 0}.stat-overdue .stat-value{color:var(--danger)}.section{margin-top:30px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px}.section-title{font-size:17px;letter-spacing:-.3px;margin:0;font-weight:750}.section-count{display:inline-flex;justify-content:center;align-items:center;font-size:11px;font-weight:650;border:1px solid var(--line);background:#eaf0e4;color:var(--green);min-width:23px;height:23px;border-radius:7px;margin-left:7px;padding:0 5px}.list{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.sale-row,.client-row{display:flex;align-items:center;gap:12px;padding:18px 17px;border-bottom:1px solid var(--line);min-height:94px}.sale-row:last-child,.client-row:last-child{border-bottom:0}.sale-row:hover,.client-row:hover{background:#fafbf7}.row-icon{display:grid;place-items:center;background:#edf0e7;color:var(--green);width:43px;height:43px;border-radius:14px;flex-shrink:0}.row-main{min-width:0;flex:1}.row-title{font-size:14px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-sub{font-size:12px;color:var(--muted);margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-tail{min-width:0;text-align:right;flex-shrink:0}.row-money{font-size:14px;font-weight:750;display:block;font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:3px 7px;font-size:10px;font-weight:700;white-space:nowrap;margin-top:5px;line-height:1.4;background:#eaf0e4;color:#3a613e}.badge:before{content:"";height:4px;width:4px;background:currentColor;border-radius:50%}.badge.overdue{background:var(--danger-bg);color:var(--danger)}.badge.paid{background:#e9efea;color:#50645a}.badge.open{background:#f3f0df;color:#776329}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fffffff5;backdrop-filter:blur(14px);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr 1fr;min-height:var(--bottom);padding:8px 12px calc(7px + env(safe-area-inset-bottom));z-index:10}.nav-item{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-height:56px;color:var(--muted);font-size:10px;font-weight:650;border-radius:12px}.nav-item svg{width:23px;height:23px}.nav-item.active{color:var(--green);background:#ecf1e4}.nav-item.nav-new{color:var(--green)}.nav-new svg{background:var(--green);color:#fff;border-radius:10px;padding:5px;box-sizing:content-box;width:22px;height:22px}.search-wrap{position:relative;margin-bottom:14px}.search-wrap svg{position:absolute;left:15px;top:16px;color:var(--muted);pointer-events:none}.search-wrap input{padding-left:46px;min-height:53px}.input{background:#fff;border:1px solid #d6ded2;border-radius:13px;min-height:50px;width:100%;padding:12px 14px;color:var(--ink);transition:border .1s;box-shadow:0 1px 2px #162b1610}.input::placeholder{color:#849086}.filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:7px;margin-bottom:17px;scrollbar-width:none}.filter{min-height:42px;padding:10px 16px;border:1px solid var(--line);background:#fff;border-radius:12px;font-size:12px;font-weight:650;color:var(--muted);white-space:nowrap}.filter.active{background:var(--green);border-color:var(--green);color:#fff}.list-hint{font-size:11px;color:var(--muted);margin:13px 3px 0}.empty{padding:35px 23px;text-align:center;background:#fff;border:1px dashed #cdd8c6;border-radius:var(--radius);color:var(--muted)}.empty-icon{margin:0 auto 14px;background:var(--green-light);color:var(--green);width:55px;height:55px;border-radius:18px;display:grid;place-items:center}.empty h2{font-size:17px;font-weight:750;color:var(--ink);margin:0 0 8px}.empty p{font-size:13px;max-width:330px;margin:0 auto 20px}.form-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 19px;margin-bottom:17px}.form-card h2{font-size:16px;margin:0 0 4px;letter-spacing:-.3px}.form-card .intro{font-size:12px;color:var(--muted);margin:0 0 22px}.form-grid{display:grid;gap:18px}.field label{display:block;font-size:13px;font-weight:650;margin-bottom:7px}.optional{font-weight:400;color:var(--muted)}.field-help{font-size:11px;color:var(--muted);margin:6px 0 0;line-height:1.5}.field textarea{min-height:90px;resize:vertical}.field-error{font-size:12px;color:var(--danger);margin-top:6px}.field.has-error .input{border-color:var(--danger);background:#fff9f7}.draft-note{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:11px;margin:0 0 20px}.draft-note svg{height:15px;width:15px;color:#67804f}.form-actions{display:flex;flex-direction:column;gap:10px;margin-top:22px}.form-actions .btn{min-height:52px}.form-actions .btn-secondary{background:transparent}.money-preview{margin:20px 0 0;padding:17px;background:#f0f3e8;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted)}.money-preview strong{color:var(--green);font-size:21px;font-weight:750;letter-spacing:-.5px}.alert{display:flex;gap:10px;padding:14px 15px;border-radius:13px;font-size:13px;align-items:flex-start;margin-bottom:18px;line-height:1.5}.alert svg{width:19px;height:19px;margin-top:1px}.alert-error{background:var(--danger-bg);border:1px solid #edcdc5;color:#8a342a}.alert-info{background:#eaf0e4;border:1px solid #d4dfc8;color:#405e37}.alert[hidden]{display:none}.breadcrumb{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:650;color:var(--muted);min-height:44px;margin:-7px 0 13px}.breadcrumb svg{width:17px;height:17px}.detail-title{font-size:27px;letter-spacing:-.8px;line-height:1.2;overflow-wrap:anywhere;margin:0}.detail-client{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted);margin-top:8px}.detail-summary{background:#fff;border:1px solid var(--line);border-radius:24px;margin-top:22px;overflow:hidden}.detail-main{padding:24px;text-align:center;background:#fafbf6}.detail-main .eyebrow{margin-bottom:8px}.detail-balance{font-size:39px;line-height:1.2;font-weight:750;letter-spacing:-1.4px;overflow-wrap:anywhere}.detail-main .badge{font-size:11px;margin-top:12px;padding:5px 9px}.detail-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;padding:18px 12px}.detail-metric{text-align:center;border-right:1px solid var(--line);padding:0 5px;min-width:0}.detail-metric:last-child{border-right:0}.detail-metric span{display:block;font-size:10px;color:var(--muted);margin-bottom:5px}.detail-metric strong{font-size:13px;letter-spacing:-.3px;overflow-wrap:anywhere}.detail-actions{display:grid;gap:10px;margin-top:17px;grid-template-columns:1fr 1fr}.detail-actions .btn-primary{grid-column:1/-1}.detail-actions .btn{font-size:12px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.info-item span{font-size:11px;color:var(--muted);display:block;margin-bottom:4px}.info-item strong{font-size:13px;font-weight:600}.info-item.full{grid-column:1/-1}.note-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.6;margin:0}.timeline{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:7px 19px}.event{display:flex;gap:13px;position:relative;padding:21px 0}.event:not(:last-child){border-bottom:1px solid #edf0e8}.event-dot{height:33px;width:33px;display:grid;place-items:center;border-radius:50%;background:#eff3e8;color:var(--green);flex-shrink:0;margin-top:1px}.event-dot svg{width:17px;height:17px}.event-content{min-width:0;flex:1}.event-top{display:flex;gap:10px;justify-content:space-between}.event-title{font-size:13px;font-weight:700}.event-amount{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.event-time{font-size:10px;color:var(--muted);margin-top:3px}.event-note{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);margin:7px 0 0}.event .reversal{font-size:11px;color:var(--danger);border:0;background:transparent;padding:8px 0;min-height:44px;font-weight:650}.event-flag{font-size:10px;color:var(--muted);margin:7px 0 0;font-style:italic}.client-summary{display:flex;align-items:center;gap:15px;padding:20px;border-radius:18px;background:var(--green-light);margin-bottom:18px}.client-summary .avatar{width:48px;height:48px}.client-summary p{margin:4px 0 0;color:var(--muted);font-size:12px}.client-summary h2{margin:0;font-size:18px;overflow-wrap:anywhere}.loading{display:flex;align-items:center;justify-content:center;gap:11px;min-height:220px;color:var(--muted);font-size:13px}.spinner{width:18px;height:18px;border:2px solid #d3dcc9;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:calc(var(--bottom) + 16px);left:20px;right:20px;margin:0 auto;max-width:480px;padding:14px 18px;background:var(--green-dark);color:#fff;border-radius:15px;box-shadow:0 8px 28px #12352535;z-index:50;font-size:13px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}.modal-backdrop{position:fixed;inset:0;background:#15281f70;z-index:40;display:flex;align-items:flex-end;justify-content:center;backdrop-filter:blur(4px);padding:12px}.modal{background:var(--cream);width:100%;max-width:500px;padding:25px 23px;border-radius:25px;box-shadow:var(--shadow);max-height:90vh;overflow:auto}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal h2{font-size:21px;letter-spacing:-.5px;margin:0}.modal p{font-size:13px;color:var(--muted)}.modal .form-actions{margin-bottom:4px}.auth-layout{min-height:100vh;display:grid}.auth-story{display:none}.auth-panel{padding:32px 22px 40px;max-width:460px;width:100%;margin:0 auto;align-self:center}.auth-panel>.brand{margin-bottom:40px}.auth-panel h1{font-size:32px;letter-spacing:-1px;line-height:1.2;margin:0 0 10px}.auth-intro{font-size:14px;color:var(--muted);margin:0 0 30px}.auth-panel .form-grid{gap:20px}.auth-panel .form-actions{margin-top:26px}.auth-links{font-size:12px;color:var(--muted);margin-top:25px;text-align:center}.auth-links a{color:var(--green);font-weight:700;display:inline-block;min-height:44px;padding:12px 5px}.auth-safe{border-top:1px solid var(--line);margin-top:25px;padding-top:22px;font-size:11px;color:var(--muted);display:flex;align-items:flex-start;gap:9px}.auth-safe svg{width:17px;height:17px}.auth-note{font-size:11px;color:var(--muted);margin:12px 0 0}.settings-list{padding:0;margin:0;list-style:none}.settings-list li{padding:17px 0;display:flex;flex-direction:column;gap:4px;border-bottom:1px solid var(--line);font-size:13px}.settings-list li:last-child{border-bottom:0}.settings-list span{font-size:11px;color:var(--muted)}.noscript{padding:30px}.route-error{text-align:center;padding:25px 8px}.route-error h2{font-size:22px;letter-spacing:-.5px}.route-error p{font-size:13px;color:var(--muted)}.mobile-only{display:block}.desktop-only{display:none}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;overflow:hidden;white-space:nowrap}
.page-heading .heading-action{display:none}
@media(min-width:650px){.main{padding-left:32px;padding-right:32px}.topbar{padding-left:32px;padding-right:32px}.hero-balance{padding:30px}.hero-amount{font-size:48px}.hero-balance .btn{min-width:190px}.hero-help{margin-bottom:22px}.stats-grid{gap:17px}.stat{padding:22px}.stat-value{font-size:27px}.form-card{padding:27px}.form-grid.two{grid-template-columns:1fr 1fr}.field.full{grid-column:1/-1}.form-actions{flex-direction:row;justify-content:flex-end}.form-actions .btn-primary{order:2;min-width:210px}.form-actions .btn-secondary{order:1}.auth-panel .form-actions{display:block}.page-heading .heading-action{display:inline-flex}.sale-row,.client-row{padding:20px 22px}.row-money{font-size:15px}.row-title{font-size:15px}.detail-metric strong{font-size:17px}.detail-metric span{font-size:12px}.detail-actions{grid-template-columns:1.35fr 1fr 1fr}.detail-actions .btn-primary{grid-column:auto}.detail-actions .btn{font-size:13px}.modal-backdrop{align-items:center}.modal{padding:28px}.modal .form-actions{flex-direction:column}.modal .form-actions .btn-primary{order:0}.modal .form-actions .btn-secondary{order:1}}
@media(min-width:1000px){:root{--bottom:0px}.app-shell{display:grid;grid-template-columns:234px 1fr}.sidebar{display:flex;flex-direction:column;background:#f9faf4;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;width:234px;padding:32px 22px;z-index:20}.sidebar .brand{margin-bottom:46px}.sidebar-nav{display:grid;gap:7px}.side-link{display:flex;align-items:center;gap:13px;min-height:49px;padding:12px 16px;border-radius:13px;font-size:13px;font-weight:600;color:var(--muted)}.side-link.active{background:var(--green-light);color:var(--green);font-weight:700}.sidebar>.btn{margin-top:30px}.sidebar-footer{margin-top:auto;padding:22px 10px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.sidebar-footer strong{display:block;font-size:12px;color:var(--ink);margin-bottom:6px}.workspace{grid-column:2;min-width:0}.topbar{height:92px;padding:22px 42px;justify-content:flex-end;max-width:1240px;margin:auto}.topbar>.brand{display:none}.account .user-name{display:block;font-size:12px;margin-right:7px;color:var(--muted)}.main{padding:12px 42px 42px;max-width:1240px}.page-heading{margin-bottom:29px}.page-title{font-size:32px}.bottom-nav{display:none}.dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:21px}.stats-grid{margin:0;gap:14px;grid-template-columns:1fr}.stat{padding:20px 24px}.stat-value{font-size:26px}.hero-balance{padding:32px 33px}.hero-amount{font-size:53px}.hero-help{margin-top:15px;margin-bottom:34px}.hero-top{margin-bottom:5px}.hero-balance .btn{margin-top:10px}.stats-grid .stat-label{margin-bottom:5px}.stat-note{margin-top:3px}.section{margin-top:32px}.desktop-only{display:block}.mobile-only{display:none}.form-layout{max-width:790px}.detail-layout{display:grid;grid-template-columns:minmax(300px,1fr) minmax(350px,1.2fr);gap:25px;align-items:start}.detail-layout .section{margin-top:22px}.detail-actions{grid-template-columns:1fr 1fr}.detail-actions .btn-primary{grid-column:1/-1}.detail-layout .form-card{margin-top:20px}.auth-layout{grid-template-columns:1fr 1fr}.auth-story{display:flex;flex-direction:column;justify-content:center;background:var(--green);color:#fff;padding:65px 12%;position:relative;overflow:hidden}.auth-story:before{content:"";position:absolute;width:540px;height:540px;border:70px solid #ffffff04;border-radius:50%;right:-280px;top:-220px}.auth-story .brand-mark{background:var(--lime);color:var(--green)}.auth-story .brand-title{color:#fff}.auth-story .brand-sub{color:#c7d6bd}.auth-story h2{font-size:47px;line-height:1.16;letter-spacing:-1.7px;font-weight:600;margin:64px 0 20px;max-width:400px}.auth-story>p{max-width:350px;color:#cbdacb;font-size:15px;line-height:1.8}.story-preview{background:#ffffff0b;border:1px solid #ffffff1b;border-radius:22px;padding:24px;margin-top:28px;max-width:360px}.story-preview p{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#cbdacb;margin:0 0 10px}.story-preview strong{font-size:29px;font-weight:650;letter-spacing:-.8px}.story-preview .preview-line{height:7px;background:#dfe9b830;border-radius:5px;margin-top:24px;overflow:hidden}.story-preview .preview-line:before{content:"";display:block;width:60%;height:7px;background:var(--lime);border-radius:5px}.story-preview span{display:block;color:#cbdacb;font-size:11px;margin-top:10px}.auth-panel{padding:48px 25px}.auth-panel>.brand{display:none}.auth-panel h1{font-size:34px}.toast{bottom:24px;left:calc(234px + 24px);right:24px}}
@media(max-width:359px){.main{padding-left:14px;padding-right:14px}.topbar{padding-left:14px;padding-right:14px}.brand-title{font-size:18px}.page-title{font-size:26px}.hero-balance{padding:22px 20px}.hero-amount{font-size:35px}.stat{padding:17px 13px}.stat-value{font-size:20px}.sale-row,.client-row{gap:9px;padding:16px 12px}.row-icon{width:35px;height:35px;border-radius:11px}.row-title{font-size:12px}.row-money{font-size:12px}.row-sub{font-size:11px}.badge{font-size:9px}.detail-balance{font-size:34px}.form-card{padding:20px 16px}.detail-metric strong{font-size:12px}.detail-actions .btn{padding:12px 9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.payment-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.payment-options label{display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:12px 10px;border:1px solid var(--line);border-radius:14px;background:#fafbf6;font-weight:650;cursor:pointer}.payment-options label:has(input:checked){background:var(--green-light);border-color:var(--green);color:var(--green)}.payment-options input{width:18px;height:18px;accent-color:var(--green);flex-shrink:0}.installment-controls{display:grid;gap:12px;align-items:end}.installment-controls .btn{min-height:50px}.installment-editor-row{padding:18px 0;border-top:1px solid var(--line);margin-top:16px}.installment-editor-row h3,.installment-row-heading h3{font-size:14px;margin:0 0 12px}.installment-distribution{margin-top:15px;padding:14px 15px;border-radius:13px;background:var(--green-light);color:var(--green);font-size:13px;font-weight:600}.installment-distribution.is-invalid{background:#fff3e4;color:#795321}.installment-list{display:grid;gap:12px}.installment-detail-row{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.installment-row-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.installment-row-heading h3{margin:0}.installment-row-heading .badge{margin:0}.badge.partial{background:#eef0db;color:#627029}.installment-row-total{font-size:23px;font-weight:750;margin:10px 0 4px;font-variant-numeric:tabular-nums}.installment-due{font-size:12px;color:var(--muted);margin:0 0 14px}.installment-due strong{color:var(--ink);font-weight:600}.installment-progress{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.installment-progress strong{display:block;font-size:14px;color:var(--ink);font-variant-numeric:tabular-nums}.installment-actions{display:grid;gap:9px;margin-top:9px}.installment-actions .btn{min-height:50px}.installment-paid{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;color:var(--green);font-weight:650;background:var(--green-light);border-radius:14px}html[data-saving="true"] a{pointer-events:none;cursor:wait}html[data-saving="true"] .payment-options label{cursor:wait}[data-installment-section][hidden],[data-field][hidden]{display:none!important}
@media(min-width:650px){.installment-controls{grid-template-columns:minmax(160px,1fr) minmax(240px,1.4fr)}.installment-actions{grid-template-columns:1fr 1fr}.installment-actions>button:last-child:nth-child(3){grid-column:1/-1}.installment-detail-row{padding:21px}}