.pro-finance-page{display:grid;gap:16px}.pro-finance-stack{display:grid;gap:16px}.pro-finance-tabs{display:flex;gap:6px;padding:5px;border:1px solid var(--border-soft);background:var(--surface);border-radius:9px;width:max-content;max-width:100%;overflow:auto}.pro-finance-tabs button{border:0;background:transparent;color:var(--text-secondary);padding:9px 13px;border-radius:6px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.pro-finance-tabs button.active{background:var(--surface-hover);color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--shadow-color)}.pro-finance-hero,.pro-finance-section-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 28px;border:1px solid var(--border-soft);background:linear-gradient(115deg,var(--primary-soft),var(--surface) 56%);border-radius:10px}.pro-finance-section-head{padding:20px 22px;background:var(--surface);border-color:var(--border-soft)}.pro-finance-hero h2,.pro-finance-section-head h2{margin:7px 0 5px;font-size:24px}.pro-finance-section-head h2{font-size:21px}.pro-finance-hero p,.pro-finance-section-head p{margin:0;color:var(--text-secondary);max-width:720px}.pro-finance-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.pro-finance-stat{position:relative;overflow:hidden;display:grid;gap:7px;padding:15px;border:1px solid var(--border-soft);background:var(--surface);border-radius:8px}.pro-finance-stat:after{content:"";position:absolute;right:-18px;bottom:-28px;width:72px;height:72px;border:1px solid var(--border-soft);transform:rotate(45deg)}.pro-finance-stat span{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-weight:800}.pro-finance-stat strong{font-size:20px;letter-spacing:-.02em}.pro-finance-stat small{color:var(--text-muted);font-size:11px}.pro-finance-stat.tone-danger{border-color:var(--danger);background:linear-gradient(145deg,var(--surface),var(--surface))}.pro-finance-stat.tone-danger strong{color:var(--danger)}.pro-finance-stat.tone-renewal{border-color:var(--border-soft)}.pro-finance-stat.tone-renewal strong{color:var(--warning)}.pro-finance-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:14px}.pro-finance-dashboard-grid.secondary{grid-template-columns:1fr 1fr}.pro-finance-cashflow,.pro-finance-upcoming,.pro-finance-delinquency,.pro-finance-renewals{padding:18px}.pro-finance-cashflow .pro-section-head,.pro-finance-upcoming .pro-section-head,.pro-finance-delinquency .pro-section-head,.pro-finance-renewals .pro-section-head{margin-bottom:14px}.pro-finance-cashflow .pro-section-head small,.pro-finance-delinquency .pro-section-head>span,.pro-finance-renewals .pro-section-head>span{color:var(--text-muted)}.pro-finance-chart{height:190px;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;align-items:end;padding:16px 8px 0;border-top:1px solid var(--border-soft)}.pro-finance-chart-month{height:100%;display:grid;grid-template-rows:1fr auto auto;gap:5px;min-width:0;text-align:center}.pro-finance-bars{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:100%}.pro-finance-bars i{display:block;width:min(19px,35%);min-height:4px;border-radius:3px 3px 1px 1px}.pro-finance-bars i.forecast{background:var(--surface)}.pro-finance-bars i.received{background:var(--primary-strong);color:var(--button-primary-text)}.pro-finance-chart-month b{text-transform:uppercase;font-size:10px;color:var(--text-secondary)}.pro-finance-chart-month small{font-size:9px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis}.pro-finance-chart-legend{display:flex;gap:16px;justify-content:flex-end;margin-top:12px;color:var(--text-muted);font-size:10px}.pro-finance-chart-legend span{display:flex;gap:5px;align-items:center}.pro-finance-chart-legend i{width:8px;height:8px;border-radius:2px;background:var(--surface)}.pro-finance-chart-legend i.received{background:var(--primary-strong);color:var(--button-primary-text)}.pro-finance-mini-list,.pro-finance-risk-list,.pro-finance-renewal-list{display:grid;gap:7px}.pro-finance-mini-list article,.pro-finance-risk-list article,.pro-finance-renewal-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--border-soft);background:var(--surface);border-radius:7px}.pro-finance-risk-list article,.pro-finance-renewal-list article{grid-template-columns:auto minmax(0,1fr) auto}.pro-finance-mini-list article.danger{border-color:var(--border-soft)}.pro-finance-mini-list span,.pro-finance-risk-list span,.pro-finance-renewal-list span{display:grid;min-width:0}.pro-finance-mini-list small,.pro-finance-risk-list small,.pro-finance-renewal-list small{color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pro-finance-mini-list button,.pro-finance-renewal-list button{border:1px solid var(--primary);background:var(--primary-strong);color:var(--button-primary-text);border-radius:5px;padding:7px 9px;font-size:10px;font-weight:800;cursor:pointer}.pro-finance-renewal-list em{font-style:normal;color:var(--warning);font-size:10px}.pro-finance-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:var(--surface);border:1px solid var(--border-soft);color:var(--text-primary);font-size:10px;font-weight:900;flex:0 0 auto}.pro-finance-avatar img{width:100%;height:100%;object-fit:cover}.pro-finance-automation{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px}.pro-finance-automation h2{margin:5px 0}.pro-finance-automation p{margin:0;color:var(--text-secondary);max-width:680px}.pro-finance-automation-flow{display:flex;align-items:center;gap:8px}.pro-finance-automation-flow span{display:grid;gap:3px;border:1px solid var(--border-soft);padding:10px 12px;border-radius:7px;background:var(--surface)}.pro-finance-automation-flow small{color:var(--text-muted)}.pro-finance-automation-flow i{font-style:normal;color:var(--primary)}.pro-finance-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 14px}.pro-finance-toolbar>label{display:flex;align-items:center;gap:8px;min-width:260px;flex:1}.pro-finance-toolbar input{width:100%;border:0;background:transparent;color:inherit;outline:0}.pro-finance-toolbar.history{justify-content:flex-start}.pro-finance-filters{display:flex;gap:6px;flex-wrap:wrap}.pro-finance-filters button{border:1px solid var(--border-soft);background:var(--surface);color:var(--text-secondary);padding:8px 10px;border-radius:6px;cursor:pointer;font-size:11px}.pro-finance-filters button.active{border-color:var(--primary);color:var(--text-primary);background:var(--surface-hover)}.pro-finance-list,.pro-finance-charge-list{display:grid;gap:14px}.pro-finance-plan{border:1px solid var(--border-soft);background:var(--surface);border-radius:9px;padding:18px;box-shadow:0 16px 40px var(--shadow-color)}.pro-finance-plan.is-overdue,.pro-finance-plan.is-expired{border-color:var(--primary)}.pro-finance-plan.is-soon,.pro-finance-plan.is-renewal{border-color:var(--primary)}.pro-finance-plan.is-scheduled{border-color:var(--border-default)}.pro-finance-plan>header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.pro-finance-plan-title{display:flex;align-items:center;gap:10px}.pro-finance-plan-title>span{display:grid}.pro-finance-plan h3{margin:3px 0;font-size:18px}.pro-finance-plan-title small{color:var(--text-secondary);font-size:12px}.pro-finance-plan-title em{color:var(--text-muted);font-style:normal;font-size:10px}.pro-finance-status{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;padding:6px 9px;border-radius:999px;background:var(--surface);color:var(--success);white-space:nowrap}.is-overdue .pro-finance-status,.is-expired .pro-finance-status{background:var(--surface);color:var(--primary)}.is-soon .pro-finance-status,.is-renewal .pro-finance-status{background:var(--surface);color:var(--warning)}.is-scheduled .pro-finance-status{background:var(--surface);color:var(--tertiary)}.is-cancelled .pro-finance-status,.is-completed .pro-finance-status{background:var(--surface);color:var(--text-secondary)}.pro-finance-plan-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0}.pro-finance-plan-metrics span{padding:12px;border:1px solid var(--border-soft);background:var(--surface);border-radius:7px}.pro-finance-plan-metrics small{display:block;color:var(--text-muted);font-size:9px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}.pro-finance-plan-metrics b{display:block;font-size:13px}.pro-finance-plan-metrics em{font-style:normal;color:var(--text-muted);font-size:10px}.pro-finance-plan-meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.pro-finance-plan-meta span{font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);border:1px solid var(--border-soft);background:var(--surface);border-radius:999px;padding:5px 7px}.pro-finance-notes,.pro-finance-instructions{color:var(--text-secondary);margin:8px 0;font-size:12px;line-height:1.5}.pro-finance-instructions b{color:var(--text-primary)}.pro-finance-installments{border-top:1px solid var(--border-soft);margin-top:13px}.pro-finance-installments summary{cursor:pointer;list-style:none;padding:11px 2px;color:var(--text-muted);font-size:11px;display:flex;justify-content:space-between}.pro-finance-installments summary::-webkit-details-marker{display:none}.pro-finance-installments summary span{color:var(--text-primary)}.pro-finance-plan>footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:14px;flex-wrap:wrap}.pro-finance-plan>footer>span{color:var(--text-muted);font-size:11px}.pro-finance-renewal-badge{margin-right:auto!important;color:var(--warning)!important}.pro-finance-payment{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(105px,.55fr) minmax(100px,.55fr) 90px minmax(240px,1fr);gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--border-soft);background:var(--surface);border-radius:8px}.pro-finance-payment.compact{grid-template-columns:minmax(190px,1fr) 100px 100px 75px minmax(190px,auto);border-width:0 0 1px;border-radius:0;background:transparent;padding:10px 2px}.pro-finance-payment.is-overdue{border-color:var(--border-soft);background:linear-gradient(90deg,var(--surface),var(--surface) 25%)}.pro-finance-payment-person{display:flex;align-items:center;gap:9px;min-width:0}.pro-finance-payment-person>span{display:grid;min-width:0}.pro-finance-payment-person small{color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pro-finance-payment-date,.pro-finance-payment-value{display:grid}.pro-finance-payment-date small,.pro-finance-payment-value small{color:var(--text-muted);text-transform:uppercase;font-size:8px;letter-spacing:.05em}.pro-finance-payment-date em,.pro-finance-payment-value em{font-style:normal;color:var(--primary);font-size:9px}.pro-finance-payment-status{text-align:center;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.is-overdue .pro-finance-payment-status{color:var(--primary)}.is-paid .pro-finance-payment-status{color:var(--success)}.pro-finance-payment-actions{display:flex;gap:5px;justify-content:flex-end;align-items:center;flex-wrap:wrap}.pro-finance-payment-actions button{border:1px solid var(--border-soft);background:transparent;color:var(--text-secondary);border-radius:5px;padding:7px 8px;font-size:9px;font-weight:800;cursor:pointer}.pro-finance-payment-actions button.primary{background:var(--button-primary-bg);border-color:var(--primary);color:var(--button-primary-text)}.pro-finance-payment-actions button.quiet{color:var(--text-muted)}.pro-finance-payment-actions small{color:var(--text-muted);font-size:9px}.pro-finance-timeline{padding:6px 16px}.pro-finance-timeline article{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-soft)}.pro-finance-timeline article:last-child{border-bottom:0}.pro-finance-timeline article>i{width:8px;height:8px;border-radius:50%;background:var(--primary-strong);box-shadow:0 0 0 4px var(--shadow-color);color:var(--button-primary-text)}.pro-finance-timeline article>span{display:grid}.pro-finance-timeline small{color:var(--text-muted)}.pro-finance-timeline time{font-size:10px;color:var(--text-muted)}.pro-finance-notice{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--border-soft);background:var(--surface);color:var(--success);border-radius:7px;margin-bottom:10px}.pro-finance-notice button{border:0;background:transparent;color:inherit;font-size:20px;cursor:pointer}.pro-finance-backdrop{position:fixed;inset:0;z-index:1200;background:var(--overlay);display:grid;place-items:center;padding:20px}.pro-finance-dialog{width:min(780px,100%);max-height:calc(100vh - 40px);overflow:auto;border:1px solid var(--border-soft);background:var(--surface);border-radius:10px;box-shadow:0 30px 80px var(--shadow-color)}.pro-finance-dialog.compact{width:min(520px,100%)}.pro-finance-dialog>header{display:flex;justify-content:space-between;gap:20px;padding:20px;border-bottom:1px solid var(--border-soft)}.pro-finance-dialog>header span{font-size:9px;letter-spacing:.1em;color:var(--primary);font-weight:900}.pro-finance-dialog h2{margin:5px 0}.pro-finance-dialog header p{margin:0;color:var(--text-secondary)}.pro-finance-dialog header button{border:0;background:transparent;color:var(--text-secondary);font-size:26px;cursor:pointer}.pro-finance-dialog form{display:grid;gap:14px;padding:20px}.pro-finance-dialog label{display:grid;gap:6px;color:var(--text-secondary);font-size:11px}.pro-finance-dialog input,.pro-finance-dialog select,.pro-finance-dialog textarea{width:100%;box-sizing:border-box;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-primary);border-radius:6px;padding:10px 11px}.pro-finance-dialog textarea{resize:vertical}.pro-finance-dialog label small{color:var(--text-muted)}.pro-finance-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pro-finance-net-preview{border:1px solid var(--border-soft);background:var(--surface);padding:10px;border-radius:6px;align-content:center}.pro-finance-net-preview strong{font-size:19px;color:var(--tertiary)}.pro-finance-reminder-note{display:grid;gap:3px;border:1px solid var(--border-soft);background:var(--surface);padding:12px;border-radius:7px}.pro-finance-reminder-note b{color:var(--tertiary)}.pro-finance-reminder-note span{color:var(--text-secondary);font-size:11px}.pro-finance-dialog footer{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.pro-finance-dialog-value{font-size:22px;color:var(--text-primary)}.pro-sidebar nav [data-finance-view] svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}@media(max-width:1180px){.pro-finance-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pro-finance-dashboard-grid,.pro-finance-dashboard-grid.secondary{grid-template-columns:1fr}.pro-finance-payment{grid-template-columns:minmax(180px,1fr) 100px 100px 80px}.pro-finance-payment-actions{grid-column:1/-1;justify-content:flex-start}.pro-finance-payment.compact{grid-template-columns:minmax(170px,1fr) 90px 90px 75px}.pro-finance-payment.compact .pro-finance-payment-actions{grid-column:1/-1}}@media(max-width:900px){.pro-finance-hero,.pro-finance-section-head,.pro-finance-automation{align-items:flex-start;flex-direction:column}.pro-finance-toolbar{align-items:stretch;flex-direction:column}.pro-finance-plan-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-finance-automation-flow{width:100%;flex-wrap:wrap}.pro-finance-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-finance-payment,.pro-finance-payment.compact{grid-template-columns:minmax(0,1fr) 100px 90px}.pro-finance-payment-status{text-align:right}.pro-finance-payment-actions{grid-column:1/-1}.pro-finance-dialog{width:min(680px,100%)}}@media(max-width:620px){.pro-finance-page{gap:12px}.pro-finance-tabs{width:100%;box-sizing:border-box}.pro-finance-tabs button{flex:1}.pro-finance-hero,.pro-finance-section-head{padding:18px}.pro-finance-hero h2,.pro-finance-section-head h2{font-size:20px}.pro-finance-stat-grid{grid-template-columns:1fr 1fr;gap:7px}.pro-finance-stat{padding:12px}.pro-finance-stat strong{font-size:17px}.pro-finance-chart{height:160px;gap:4px;padding-left:0;padding-right:0}.pro-finance-chart-month small{display:none}.pro-finance-mini-list article,.pro-finance-risk-list article,.pro-finance-renewal-list article{grid-template-columns:auto minmax(0,1fr) auto}.pro-finance-mini-list article>button{grid-column:2/-1;justify-self:start}.pro-finance-plan{padding:14px}.pro-finance-plan>header{align-items:flex-start}.pro-finance-status{font-size:8px}.pro-finance-plan-metrics,.pro-finance-form-grid{grid-template-columns:1fr}.pro-finance-plan>footer{justify-content:flex-start}.pro-finance-renewal-badge{width:100%;margin-right:0!important}.pro-finance-payment,.pro-finance-payment.compact{grid-template-columns:1fr 95px;padding:11px}.pro-finance-payment-person{grid-column:1/-1}.pro-finance-payment-status{text-align:right}.pro-finance-payment-actions{grid-column:1/-1;justify-content:flex-start}.pro-finance-payment-actions button{min-height:36px}.pro-finance-automation-flow{display:grid;grid-template-columns:1fr}.pro-finance-automation-flow i{display:none}.pro-finance-automation-flow span{width:auto}.pro-finance-dialog{position:fixed;inset:auto 0 0;width:100%;max-height:92vh;border-radius:14px 14px 0 0;border-left:0;border-right:0;border-bottom:0}.pro-finance-backdrop{align-items:end;padding:0}.pro-finance-dialog form,.pro-finance-dialog>header{padding:16px}.pro-finance-timeline article{grid-template-columns:16px 1fr}.pro-finance-timeline time{grid-column:2}.pro-finance-toolbar>label{min-width:0}.pro-finance-filters{overflow:auto;flex-wrap:nowrap;padding-bottom:2px}.pro-finance-filters button{white-space:nowrap}.pro-finance-chart-legend{justify-content:flex-start}}

.pro-finance-card-terms,.pro-finance-price-preview{grid-column:1/-1}
.pro-finance-card-terms[hidden],.pro-finance-card-mode[hidden],.pro-finance-price-preview [hidden]{display:none!important}
.pro-finance-card-terms{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(210px,.55fr);gap:12px;padding:13px;border:1px solid var(--border-soft);background:var(--surface);border-radius:7px}
.pro-finance-card-mode{display:grid;gap:7px}
.pro-finance-card-mode>span{font-size:10px;font-weight:800;text-transform:uppercase;color:var(--text-secondary)}
.pro-finance-card-mode>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pro-finance-card-mode label{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;padding:10px;border:1px solid var(--border-soft);background:var(--surface);border-radius:6px;cursor:pointer}
.pro-finance-card-mode input{grid-row:1/3;width:16px!important;height:16px;margin:0;accent-color:var(--primary)}
.pro-finance-card-mode b{font-size:11px;color:var(--text-primary)}
.pro-finance-card-mode small{font-size:9px}
.pro-finance-card-mode label:has(input:checked){border-color:var(--primary);background:var(--input-bg)}
.pro-finance-card-fee{align-content:start}
.pro-finance-price-preview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:10px;border:1px solid var(--border-soft);background:var(--surface);border-radius:7px}
.pro-finance-price-preview>span{display:grid;gap:4px;padding:8px;border-right:1px solid var(--border-soft);min-width:0}
.pro-finance-price-preview>span:last-child{border-right:0}
.pro-finance-price-preview small{color:var(--text-muted);text-transform:uppercase;font-size:8px;line-height:1.35}
.pro-finance-price-preview strong{font-size:15px;color:var(--text-primary);overflow-wrap:anywhere}
.pro-finance-price-preview .is-net strong{color:var(--tertiary)}
@media(max-width:760px){.pro-finance-card-terms{grid-template-columns:1fr}.pro-finance-price-preview{grid-template-columns:1fr 1fr}.pro-finance-price-preview>span{border-right:0;border-bottom:1px solid var(--border-soft)}.pro-finance-price-preview>span:last-child{border-bottom:0}.pro-finance-card-mode>div{grid-template-columns:1fr}}