:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;--bg:#f5f7fa;--panel:#fff;--panel-soft:#f8fafc;--text:#172033;--muted:#667085;--faint:#98a2b3;--border:#e4e7ec;--border-strong:#d0d5dd;--accent:#2858d8;--accent-hover:#1f49bb;--accent-soft:#eef3ff;--green:#18794e;--green-soft:#ebf8f1;--red:#b42318;--red-soft:#fff0ee;--amber:#9a6700;--amber-soft:#fff7e0;--sidebar:#111827;--shadow:0 1px 2px #1018280a, 0 8px 24px #1018280d;background:#f5f7fa;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--bg:#10131a;--panel:#181c24;--panel-soft:#1d222c;--text:#edf0f6;--muted:#a1a9b8;--faint:#747e90;--border:#2a303c;--border-strong:#3a4250;--accent:#7c9cff;--accent-hover:#93adff;--accent-soft:#222d4d;--green:#6bd3a0;--green-soft:#172d26;--red:#ff9389;--red-soft:#39201f;--amber:#f2c14e;--amber-soft:#352d17;--sidebar:#0c0f15;--shadow:0 8px 24px #0000002e}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;color:var(--text);background:var(--bg);font-size:14px}button,input,select,textarea{color:inherit;font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}h1,h2,p{margin-top:0}.app-shell{min-height:100vh}.sidebar{z-index:40;color:#f5f7fa;background:var(--sidebar);border-right:1px solid #ffffff0f;flex-direction:column;width:248px;padding:24px 16px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand-row{justify-content:space-between;align-items:center;padding:0 7px;display:flex}.brand{color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.brand-mark{flex:none;place-items:center;display:grid}.brand-mark img{object-fit:contain;width:100%;height:100%;display:block}.brand strong,.brand small,.profile-button strong,.profile-button small,.integration-state strong,.integration-state small{display:block}.brand strong{letter-spacing:-.3px;font-size:15px}.brand small{color:#8490a3;margin-top:2px;font-size:11px}.sidebar-close{color:#9ba5b5;background:0 0;border:0;padding:6px;display:none}.sidebar-nav{flex-direction:column;gap:3px;margin-top:34px;display:flex}.sidebar-nav>p{color:#687386;letter-spacing:.9px;margin:0 10px 8px;font-size:10px;font-weight:700}.nav-item{color:#98a2b3;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:11px;min-height:42px;padding:0 11px;transition:all .14s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0b}.nav-item--active{color:#fff;background:#ffffff14}.nav-item--active svg{color:#91a9ff}.nav-item small{color:#c4cad4;text-align:center;background:#ffffff14;border-radius:10px;min-width:22px;margin-left:auto;padding:2px 6px;font-size:11px}.integration-state{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;margin:auto 7px 15px;padding:12px 0;display:flex}.integration-dot{box-sizing:content-box;background:#4bce8c;border:2px solid #234d3c;border-radius:50%;width:8px;height:8px}.integration-dot--warning{background:#f5a623;border-color:#614a22}.integration-state strong{font-size:12px}.integration-state small{color:#7f8a9c;margin-top:3px;font-size:11px}.profile-button{width:100%;color:inherit;text-align:left;background:0 0;border:0;border-radius:7px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:8px 7px;display:grid}.profile-button:hover{background:#ffffff0d}.profile-avatar{color:#172033;background:#d9dfea;border-radius:8px;place-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:grid}.profile-button strong{text-overflow:ellipsis;white-space:nowrap;max-width:145px;font-size:12px;overflow:hidden}.profile-button small{color:#778296;text-overflow:ellipsis;white-space:nowrap;max-width:145px;margin-top:2px;font-size:10px;overflow:hidden}.page-shell{min-height:100vh;margin-left:248px}.topbar{z-index:25;background:color-mix(in srgb, var(--bg) 88%, transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);align-items:center;gap:16px;height:68px;padding:0 30px;display:flex;position:sticky;top:0}.global-search{width:min(430px,42vw);height:38px;color:var(--faint);background:var(--panel);border:1px solid var(--border);border-radius:7px;align-items:center;gap:9px;padding:0 11px;display:flex}.global-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent)}.global-search input{background:0 0;border:0;outline:0;flex:1;min-width:0}.global-search input::placeholder{color:var(--faint)}.global-search kbd{color:var(--faint);background:var(--panel-soft);border:1px solid var(--border);border-radius:4px;padding:2px 5px;font-size:10px}.topbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.menu-button{display:none!important}.demo-flag{color:#6941c6;letter-spacing:.7px;background:#f4f0ff;border:1px solid #e4d9ff;border-radius:5px;padding:4px 7px;font-size:10px;font-weight:700}[data-theme=dark] .demo-flag{color:#cbb6ff;background:#2b2340;border-color:#453660}.icon-button{width:38px;height:38px;color:var(--muted);background:var(--panel);border:1px solid var(--border);border-radius:7px;flex:none;place-items:center;display:grid}.icon-button:hover{color:var(--text);border-color:var(--border-strong)}.icon-button--ghost{background:0 0;border:0;width:32px;height:32px}.row-action{margin-left:auto}.button{white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 13px;font-weight:600;display:inline-flex}.button--primary{color:#fff;background:#2858d8;border-color:#2858d8}.button--primary:hover{background:#1f49bb}.button--secondary{color:var(--text);background:var(--panel);border-color:var(--border-strong)}.button--quiet{width:100%;color:var(--muted);border-color:var(--border);background:0 0;font-size:13px}.main-content{width:100%;max-width:1540px;margin:0 auto;padding:32px}.view-stack{flex-direction:column;gap:18px;display:flex}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;min-height:70px;display:flex}.page-header h1{letter-spacing:-.75px;margin:2px 0 6px;font-size:27px;line-height:1.15}.page-header p:not(.eyebrow){color:var(--muted);margin:0;font-size:14px}.page-header__actions{align-items:center;gap:8px;display:flex}.eyebrow{color:var(--faint);letter-spacing:1px;margin:0;font-size:10px;font-weight:750}.period-chip{color:var(--muted);background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:7px 10px;font-size:12px}.panel{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:9px}.panel-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:70px;padding:17px 19px;display:flex}.panel-heading h2{letter-spacing:-.2px;margin:3px 0 0;font-size:16px}.panel-heading>strong{font-size:17px}.text-button{color:var(--accent);background:0 0;border:0;align-items:center;gap:4px;padding:5px;font-size:12px;font-weight:650;display:inline-flex}.planned-invoices{overflow:hidden}.planned-invoices__hint{color:var(--muted);align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.planned-invoice-list{padding:0 19px}.planned-invoice-row{border-bottom:1px solid var(--border);grid-template-columns:auto minmax(220px,1fr) auto auto;align-items:center;gap:14px;min-height:80px;padding:13px 0;display:grid}.planned-invoice-row:last-child{border-bottom:0}.planned-invoice-row>div>strong,.planned-invoice-row>div>small{display:block}.planned-invoice-row>div>strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.planned-invoice-row>div>small{color:var(--faint);margin-top:4px;font-size:10px}.planned-invoice-icon{width:36px;height:36px;color:var(--accent);background:var(--accent-soft);border-radius:8px;place-items:center;display:grid}.planned-invoice-amount{text-align:right;min-width:105px}.planned-invoice-amount strong{font-size:14px!important}.draft-previews{border-color:color-mix(in srgb, var(--accent) 22%, var(--border))}.draft-preview-count{min-width:20px;height:20px;color:var(--accent);background:var(--accent-soft);vertical-align:2px;border-radius:6px;justify-content:center;align-items:center;margin-left:6px;padding:0 6px;font-size:10px;display:inline-flex}.planned-invoice-icon--draft{color:var(--muted);background:var(--panel-soft)}.draft-preview-copy{min-width:0}.draft-preview-badge{color:var(--accent);background:var(--accent-soft);letter-spacing:.4px;text-transform:uppercase;border-radius:4px;margin-bottom:6px;padding:2px 6px;font-size:9px;font-weight:750;display:inline-block}.draft-preview-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.draft-preview-copy small{color:var(--faint);margin-top:4px;font-size:10px;display:block}.invoice-activity-panel{overflow:hidden}.invoice-activity-list{padding:0 19px}.invoice-activity{border-bottom:1px solid var(--border);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:68px;padding:12px 0;display:grid}.invoice-activity:last-child{border-bottom:0}.invoice-activity__icon{width:34px;height:34px;color:var(--muted);background:var(--panel-soft);border-radius:50%;place-items:center;display:grid}.invoice-activity__icon--success{color:var(--green);background:var(--green-soft)}.invoice-activity__icon--danger{color:var(--red);background:var(--red-soft)}.invoice-activity__icon--planned{color:var(--accent);background:var(--accent-soft)}.invoice-activity strong,.invoice-activity small{display:block}.invoice-activity strong{font-size:12px}.invoice-activity small{color:var(--muted);margin-top:4px;font-size:10px}.invoice-activity strong em{color:var(--accent);background:var(--accent-soft);letter-spacing:.3px;text-transform:uppercase;border-radius:4px;margin-left:7px;padding:2px 5px;font-size:8px;font-style:normal;display:inline-flex}.invoice-activity time{color:var(--faint);white-space:nowrap;font-size:10px}.invoice-activity-empty{min-height:220px;color:var(--faint);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:30px;display:flex}.invoice-activity-empty strong{color:var(--text);font-size:13px}.invoice-activity-empty span{max-width:440px;font-size:11px;line-height:1.5}.metric-strip{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:9px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.metric{min-width:0;color:var(--text);border:0;border-right:1px solid var(--border);text-align:left;background:0 0;padding:18px 20px;transition:background .15s}.metric:hover,.metric[data-state=open]{background:var(--panel-soft)}.metric:nth-child(3n){border-right:0}.metric:nth-child(n+4){border-top:1px solid var(--border)}.metric__label{color:var(--muted);align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.metric__label span{width:29px;height:29px;color:var(--accent);background:var(--accent-soft);border-radius:6px;place-items:center;display:grid}.metric-info{color:var(--faint);opacity:.65;margin-left:auto}.metric:hover .metric-info{color:var(--accent);opacity:1}.metric>strong{letter-spacing:-.55px;margin:16px 0 7px;font-size:23px;display:block}.metric>small{color:var(--faint);font-size:11px}.metric-strip--recurring{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-strip--recurring .metric:last-child{border-right:0}.overview-grid{grid-template-columns:minmax(0,1.65fr) minmax(320px,.8fr);gap:18px;display:grid}.revenue-chart{width:100%;height:245px;padding:8px 13px 2px}.chart-total{text-align:right}.chart-total strong,.chart-total small{display:block}.chart-total small{justify-content:flex-end;align-items:center;gap:3px;margin-top:5px;font-size:10px;display:flex}.trend-positive{color:var(--green)}.trend-negative{color:var(--red)}.chart-tooltip{background:var(--panel);border:1px solid var(--border);border-radius:7px;min-width:148px;padding:10px 12px;box-shadow:0 10px 30px #10182824}.chart-tooltip small,.chart-tooltip strong,.chart-tooltip span{display:block}.chart-tooltip small{color:var(--faint);text-transform:uppercase;font-size:10px}.chart-tooltip strong{margin-top:5px;font-size:15px}.chart-tooltip span{color:var(--muted);margin-top:3px;font-size:10px}.chart-help{color:var(--faint);margin:0;padding:0 19px 14px;font-size:10px}.chart-empty{min-height:320px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.chart-empty strong{color:var(--text)}.chart-empty span{font-size:12px}.chart-skeleton{min-height:340px;padding:70px 22px 25px}.chart-skeleton span{background:var(--border);height:1px;margin-bottom:62px;animation:1.4s ease-in-out infinite pulse;display:block}.chart-skeleton span:nth-child(2){animation-delay:.12s}.chart-skeleton span:nth-child(3){animation-delay:.24s}.compact-list{padding:5px 18px}.compact-row{border-bottom:1px solid var(--border);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 0;display:grid}.compact-row:last-child{border:0}.avatar{color:#344054;background:#edf0f5;border-radius:7px;flex:none;place-items:center;width:34px;height:34px;font-size:10px;font-weight:750;display:grid}[data-theme=dark] .avatar{color:#d9deea;background:#292f3b}.compact-row div,.entity-cell div,.stacked-cell{min-width:0}.compact-row strong,.compact-row small,.entity-cell strong,.entity-cell small,.stacked-cell span,.stacked-cell small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.compact-row strong,.entity-cell strong{font-size:12px}.compact-row small,.entity-cell small,.stacked-cell small{color:var(--faint);margin-top:4px;font-size:11px}.compact-row b{font-size:12px}.compact-empty{color:var(--muted);text-align:center;margin:0;padding:30px 0}.recent-grid{grid-template-columns:repeat(2,1fr);gap:0 24px;padding:4px 19px;display:grid}.recent-payment{border-bottom:1px solid var(--border);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:11px;padding:14px 0;display:grid}.recent-payment:nth-last-child(-n+2){border-bottom:0}.recent-payment>div{min-width:0}.recent-payment>div strong,.recent-payment>div small,.recent-payment>div b{display:block}.recent-payment>div small{color:var(--faint);margin-top:3px;font-size:11px}.recent-payment>div:nth-child(3){text-align:right}.recent-payment b{font-size:12px}.table-panel{overflow:visible}.table-frame{width:100%;position:relative;overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{color:var(--faint);background:var(--panel-soft);border-bottom:1px solid var(--border);text-align:left;letter-spacing:.55px;text-transform:uppercase;white-space:nowrap;padding:11px 15px;font-size:10px;font-weight:750}.data-table td{border-bottom:1px solid var(--border);vertical-align:middle;height:62px;padding:10px 15px;font-size:12px}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:color-mix(in srgb, var(--panel-soft) 70%, transparent)}.entity-cell{align-items:center;gap:10px;min-width:185px;display:flex}.entity-cell--compact{min-width:145px}.stacked-cell{max-width:260px}.stacked-cell>span{color:var(--text)}.muted-cell{color:var(--muted);white-space:nowrap}.amount-suffix{color:var(--faint);font-weight:500}.collection-method,.mandate{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.mandate--valid{color:var(--green);font-weight:650}.status-badge{white-space:nowrap;border:1px solid #0000;border-radius:5px;align-items:center;gap:5px;padding:4px 7px;font-size:11px;font-weight:650;display:inline-flex}.status-badge--positive{color:var(--green);background:var(--green-soft);border-color:color-mix(in srgb, var(--green) 16%, transparent)}.status-badge--warning{color:var(--red);background:var(--red-soft);border-color:color-mix(in srgb, var(--red) 14%, transparent)}.status-badge--neutral,.status-badge--paused{color:var(--amber);background:var(--amber-soft);border-color:color-mix(in srgb, var(--amber) 14%, transparent)}.status-badge--muted,.status-badge--progress{color:var(--muted);background:var(--panel-soft);border-color:var(--border)}.empty-state{min-height:270px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.empty-state>span{width:42px;height:42px;color:var(--accent);background:var(--accent-soft);border-radius:9px;place-items:center;display:grid}.empty-state strong{color:var(--text);margin-top:13px}.empty-state p{margin:5px 0 0}.attention-banner,.error-banner{border:1px solid;align-items:center;gap:11px;padding:13px 15px;display:flex}.attention-banner{color:var(--amber);background:var(--amber-soft);border-color:color-mix(in srgb, var(--amber) 20%, transparent);border-radius:8px}.attention-banner div{flex-direction:column;gap:3px;display:flex}.attention-banner span{color:var(--muted);font-size:12px}.security-footnote{color:var(--faint);align-items:center;gap:7px;margin:-4px 3px 0;font-size:11px;display:flex}.product-grid{grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));gap:16px;display:grid}.product-card{background:var(--panel);border:1px solid var(--border);min-height:440px;box-shadow:var(--shadow);border-radius:9px;flex-direction:column;padding:20px;display:flex}.product-card__top{justify-content:space-between;align-items:center;display:flex}.product-card__top>span{width:38px;height:38px;color:var(--accent);background:var(--accent-soft);border-radius:8px;place-items:center;display:grid}.product-card__top small{color:var(--faint);font-weight:650}.product-card h2{margin:18px 0 7px;font-size:17px}.product-card>p{min-height:39px;color:var(--muted);margin-bottom:15px;font-size:12px;line-height:1.55}.product-features{background:var(--panel-soft);border:1px solid var(--border);border-radius:8px;margin-bottom:15px;padding:13px}.product-features>span{color:var(--faint);letter-spacing:.7px;text-transform:uppercase;margin-bottom:10px;font-size:9px;font-weight:750;display:block}.product-features ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin:0;padding:0;list-style:none;display:grid}.product-features li{color:var(--muted);align-items:flex-start;gap:6px;font-size:10px;line-height:1.35;display:flex}.product-features li svg{color:var(--green);flex:none;margin-top:1px}.product-features>small{color:var(--accent);margin-top:10px;font-size:9px;font-weight:650;display:block}.plan-list{border-top:1px solid var(--border);margin-bottom:15px}.plan-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding:13px 0;display:flex}.plan-row strong,.plan-row small,.plan-row b{display:block}.plan-row strong,.plan-row b{font-size:12px}.plan-row small{color:var(--faint);margin-top:3px;font-size:11px}.plan-row b{flex:none}.product-card>.button{margin-top:auto}.empty-plan{color:var(--faint);align-items:center;gap:7px;padding:18px 0;font-size:12px;display:flex}.product-empty{background:var(--panel);border:1px solid var(--border);border-radius:9px;grid-column:1/-1}.dialog-overlay{z-index:80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a85;animation:.15s fade-in;position:fixed;inset:0}.dialog-content{z-index:81;background:var(--panel);border:1px solid var(--border);border-radius:10px;width:min(590px,100vw - 28px);max-height:min(760px,100vh - 28px);padding:22px;animation:.16s dialog-in;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 24px 70px #0f172a3d}.dialog-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.dialog-heading h2{letter-spacing:-.4px;margin:0 0 6px;font-size:19px}.dialog-heading p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.form-stack{flex-direction:column;gap:14px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-grid--address{grid-template-columns:120px 1fr}.form-stack label{color:var(--muted);flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.field-label{align-items:baseline;gap:5px;min-height:15px;display:flex}.field-label small{color:var(--faint);font-size:10px;font-weight:500}.form-stack input,.form-stack select,.form-stack textarea{width:100%;color:var(--text);background:var(--panel);border:1px solid var(--border-strong);border-radius:6px;outline:0;padding:9px 10px;font-weight:400}.form-stack input,.form-stack select{height:40px}.form-stack textarea{resize:vertical}.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent)}.form-note{color:var(--green);background:var(--green-soft);border-radius:7px;align-items:flex-start;gap:9px;padding:11px 12px;font-size:12px;line-height:1.5;display:flex}.form-note svg{flex:none;margin-top:1px}.form-note--warning{color:var(--amber);background:var(--amber-soft)}.dialog-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;margin-top:5px;padding-top:16px;display:flex}.choice-group{border:0;grid-template-columns:1fr 1fr;gap:9px;margin:0;padding:0;display:grid}.choice-group legend{color:var(--muted);grid-column:1/-1;margin-bottom:7px;font-size:12px;font-weight:600}.choice-card{background:var(--panel-soft);border:1px solid var(--border);cursor:pointer;border-radius:7px;grid-template-columns:auto auto 1fr;align-items:center;min-height:70px;padding:10px;gap:9px!important;display:grid!important}.choice-card--active{background:var(--accent-soft);border-color:var(--accent)}.choice-card input{width:15px;height:15px;box-shadow:none!important}.choice-card strong,.choice-card small{display:block}.choice-card strong{color:var(--text);font-size:12px}.choice-card small{color:var(--faint);margin-top:3px;font-size:10px;line-height:1.3}.checkout-preview{background:var(--panel-soft);border:1px solid var(--border);border-radius:7px;justify-content:space-between;align-items:center;gap:15px;padding:13px;display:flex}.checkout-preview>div{align-items:center;gap:10px;display:flex}.checkout-preview>div>span{width:34px;height:34px;color:var(--accent);background:var(--accent-soft);border-radius:7px;flex:none;place-items:center;display:grid}.checkout-preview strong,.checkout-preview small,.checkout-preview b{display:block}.checkout-preview strong{font-size:12px}.checkout-preview small{color:var(--faint);margin-top:3px;font-size:10px}.checkout-preview>b{text-align:right;font-size:13px}.scope-preview{background:var(--panel-soft);border:1px solid var(--border);border-radius:8px;padding:13px}.scope-preview>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.scope-preview>div span{color:var(--faint);letter-spacing:.7px;font-size:9px;font-weight:750}.scope-preview>div small{color:var(--green);font-size:9px;font-weight:650}.scope-preview ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin:12px 0 0;padding:0;list-style:none;display:grid}.scope-preview li{color:var(--muted);align-items:flex-start;gap:6px;font-size:10px;line-height:1.35;display:flex}.scope-preview li svg{color:var(--green);flex:none;margin-top:1px}.mandate-summary{background:var(--panel-soft);border:1px solid var(--border);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:14px;display:grid}.mandate-summary>div:first-child{min-width:0}.mandate-summary span,.mandate-summary strong,.mandate-summary small{display:block}.mandate-summary span{color:var(--accent);letter-spacing:.7px;font-size:9px;font-weight:750}.mandate-summary strong{text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:14px;overflow:hidden}.mandate-summary small{color:var(--muted);margin-top:4px;font-size:11px}.mandate-summary>div:last-child{text-align:right}.mandate-summary b{font-size:16px;display:block}.mandate-summary em{color:var(--faint);margin-top:4px;font-size:10px;font-style:normal;display:block}.consent-check{background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 16%, var(--border));border-radius:7px;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;padding:11px 12px;line-height:1.45;color:var(--text)!important;gap:9px!important;display:grid!important}.consent-check input{accent-color:var(--accent);margin-top:1px;width:16px!important;height:16px!important;box-shadow:none!important}.tax-summary{background:var(--panel-soft);border:1px solid var(--border);border-radius:7px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:11px;display:flex}.tax-summary span{color:var(--muted)}.tax-summary strong{color:var(--text)}.dropdown-content{z-index:100;background:var(--panel);border:1px solid var(--border);border-radius:7px;min-width:190px;padding:5px;box-shadow:0 12px 35px #0f172a29}.profile-menu{min-width:215px}.dropdown-item{border-radius:5px;outline:0;padding:8px 9px;font-size:12px}.dropdown-item[data-highlighted]{background:var(--panel-soft)}.dropdown-item[data-disabled]{opacity:.45}.dropdown-item--danger{color:var(--red)}.dropdown-separator{background:var(--border);height:1px;margin:4px}.toast{z-index:70;color:var(--green);background:var(--panel);border:1px solid color-mix(in srgb, var(--green) 28%, var(--border));border-radius:7px;align-items:center;gap:8px;padding:11px 13px;font-size:12px;font-weight:600;display:flex;position:fixed;top:82px;right:24px;box-shadow:0 12px 35px #0f172a24}.error-banner{color:var(--red);background:var(--red-soft);border-color:color-mix(in srgb, var(--red) 20%, transparent);border-radius:7px;justify-content:space-between}.error-banner button{color:inherit;background:0 0;border:0;font-weight:650}.app-state{min-height:100vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex}.app-state strong{color:var(--text);font-size:16px}.spin{animation:.9s linear infinite spin}.view-loading{min-height:300px;color:var(--muted);justify-content:center;align-items:center;gap:9px;font-size:12px;display:flex}.login-page{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;width:min(480px,100%);overflow:hidden;box-shadow:0 22px 70px #1018281a}.login-hero{border-bottom:1px solid var(--border);flex-direction:column;align-items:center;padding:32px 28px 27px;display:flex}.login-hero>strong{color:var(--text);letter-spacing:-.55px;margin-top:11px;font-size:25px;font-weight:750}.login-hero>small{color:var(--faint);letter-spacing:1.5px;margin-top:5px;font-size:9px;font-weight:750}.login-content{padding:30px 38px 32px}.login-brand{align-items:center;gap:10px;display:flex}.login-brand strong,.login-brand small{display:block}.login-brand strong{font-size:15px}.login-brand small{color:var(--faint);margin-top:2px;font-size:11px}.login-copy{margin:0 0 24px}.login-copy h1{margin:6px 0 8px;font-size:25px}.login-copy>p:last-child{color:var(--muted);line-height:1.55}.login-submit{width:100%;margin-top:4px}.login-error{color:var(--red);background:var(--red-soft);border-radius:6px;margin-bottom:15px;padding:10px;font-size:12px}.preview-link{width:100%;color:var(--accent);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;margin-top:16px;padding:8px;font-size:12px;display:flex}.login-footnote{color:var(--faint);text-align:center;justify-content:center;align-items:center;gap:6px;margin-top:20px;font-size:10px;display:flex}.return-page{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.return-card{background:var(--panel);border:1px solid var(--border);text-align:center;border-radius:10px;width:min(520px,100%);padding:36px;box-shadow:0 18px 60px #10182817}.return-icon{width:54px;height:54px;color:var(--green);background:var(--green-soft);border-radius:12px;place-items:center;margin:0 auto 22px;display:grid}.return-card h1{letter-spacing:-.6px;margin:7px 0 11px;font-size:27px}.return-card>p:not(.eyebrow){color:var(--muted);line-height:1.65}.return-reference{background:var(--panel-soft);border:1px solid var(--border);border-radius:7px;margin:22px 0;padding:12px}.return-reference span,.return-reference strong{display:block}.return-reference span{color:var(--faint);text-transform:uppercase;letter-spacing:.7px;font-size:10px}.return-reference strong{margin-top:5px;font-size:12px}.return-note{color:var(--green);background:var(--green-soft);text-align:left;border-radius:7px;align-items:center;gap:8px;padding:11px;font-size:12px;display:flex}.return-card>small{color:var(--faint);margin-top:18px;font-size:10px;line-height:1.5;display:block}.notification-button{position:relative}.notification-dot{border:2px solid var(--panel);box-sizing:content-box;background:#e5484d;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:8px}.notification-menu{width:300px;padding:6px}.notification-heading{border-bottom:1px solid var(--border);padding:9px 10px 11px}.notification-heading strong,.notification-heading small{display:block}.notification-heading strong{font-size:13px}.notification-heading small{color:var(--faint);margin-top:3px;font-size:10px}.notification-row{border-radius:6px;outline:0;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px;display:grid}.notification-row[data-highlighted]{background:var(--panel-soft)}.notification-icon{border-radius:7px;place-items:center;width:32px;height:32px;display:grid}.notification-icon--amber{color:var(--amber);background:var(--amber-soft)}.notification-icon--red{color:var(--red);background:var(--red-soft)}.notification-row strong,.notification-row small{display:block}.notification-row strong{font-size:11px}.notification-row small{color:var(--faint);margin-top:3px;font-size:10px}.metric-popover{z-index:90;background:var(--panel);border:1px solid var(--border);border-radius:9px;outline:0;width:290px;padding:15px;box-shadow:0 16px 45px #1018282b}.metric-popover__top{justify-content:space-between;align-items:center;display:flex}.metric-popover__top>span{width:32px;height:32px;color:var(--accent);background:var(--accent-soft);border-radius:7px;place-items:center;display:grid}.metric-popover__top button{width:28px;height:28px;color:var(--faint);background:0 0;border:0;border-radius:5px;place-items:center;display:grid}.metric-popover__top button:hover{color:var(--text);background:var(--panel-soft)}.metric-popover>small,.metric-popover>strong{display:block}.metric-popover>small{color:var(--faint);text-transform:uppercase;letter-spacing:.6px;margin-top:14px;font-size:10px}.metric-popover>strong{margin-top:5px;font-size:20px}.metric-popover>p{color:var(--muted);margin:10px 0 13px;font-size:11px;line-height:1.55}.metric-popover>button{color:var(--accent);background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:11px;font-weight:650;display:flex}.popover-arrow{fill:var(--panel)}.filter-tabs{background:var(--panel);border:1px solid var(--border);width:max-content;max-width:100%;box-shadow:var(--shadow);border-radius:8px;gap:3px;padding:4px;display:flex;overflow-x:auto}.filter-tab{min-height:33px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:5px;align-items:center;gap:7px;padding:0 10px;font-size:11px;font-weight:600;display:flex}.filter-tab:hover{color:var(--text);background:var(--panel-soft)}.filter-tab--active{color:var(--text);background:var(--accent-soft)}.filter-tab span{min-width:19px;color:var(--faint);background:color-mix(in srgb, var(--border) 55%, transparent);text-align:center;border-radius:8px;padding:2px 5px;font-size:9px}.filter-tab--active span{color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.select-trigger,.date-trigger{width:100%;height:40px;color:var(--text);background:var(--panel);border:1px solid var(--border-strong);text-align:left;border-radius:6px;outline:0;justify-content:space-between;align-items:center;gap:10px;padding:0 10px;display:flex}.select-trigger:hover,.date-trigger:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border-strong))}.select-trigger[data-state=open],.date-trigger[data-state=open]{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent)}.select-trigger>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.select-trigger>span:last-child{color:var(--faint)}.date-trigger>span{align-items:center;gap:8px;display:flex}.date-trigger>svg{color:var(--faint)}.select-content{z-index:110;width:var(--radix-select-trigger-width);max-height:min(340px, var(--radix-select-content-available-height));background:var(--panel);border:1px solid var(--border);border-radius:8px;animation:.13s select-in;overflow:hidden;box-shadow:0 14px 42px #1018282e}.select-viewport{padding:5px}.select-item{-webkit-user-select:none;user-select:none;border-radius:5px;outline:0;align-items:center;min-height:43px;padding:7px 34px 7px 9px;display:flex;position:relative}.select-item[data-highlighted]{background:var(--panel-soft)}.select-item[data-state=checked]{background:var(--accent-soft)}.select-item strong,.select-item small{display:block}.select-item strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.select-item small{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;font-weight:400;overflow:hidden}.select-check{color:var(--accent);display:grid;position:absolute;right:10px}.select-scroll{height:25px;color:var(--faint);background:var(--panel);place-items:center;display:grid}.rotate-180{transform:rotate(180deg)}.calendar-popover{z-index:110;background:var(--panel);border:1px solid var(--border);border-radius:9px;outline:0;padding:13px;animation:.13s select-in;box-shadow:0 16px 45px #10182830}.rdp-root{--rdp-accent-color:var(--accent);margin:0}.rdp-month_caption{align-items:center;height:38px;padding:0 5px;font-size:13px;font-weight:700;display:flex}.rdp-nav{gap:3px;display:flex;position:absolute;top:13px;right:13px}.rdp-button_previous,.rdp-button_next{width:32px;height:32px;color:var(--muted);border:1px solid var(--border);background:0 0;border-radius:6px;place-items:center;display:grid}.rdp-month_grid{border-collapse:separate;border-spacing:2px}.rdp-weekday{width:35px;height:28px;color:var(--faint);text-transform:uppercase;font-size:9px;font-weight:700}.rdp-day{width:35px;height:35px;padding:0}.rdp-day_button{width:35px;height:35px;color:var(--text);background:0 0;border:0;border-radius:7px;font-size:11px}.rdp-day_button:hover{background:var(--panel-soft)}.rdp-selected .rdp-day_button{color:#fff;background:#2858d8;font-weight:700}.rdp-outside .rdp-day_button{color:var(--faint);opacity:.5}.rdp-disabled .rdp-day_button{color:var(--faint);opacity:.25;text-decoration:line-through}@keyframes select-in{0%{opacity:0;transform:translateY(-3px)scale(.99)}}.agreement-preview-page{background:var(--bg);place-items:center;min-height:100vh;padding:32px 18px;display:grid}.agreement-preview-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;width:min(680px,100%);overflow:hidden;box-shadow:0 20px 65px #10182817}.agreement-preview-card>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:21px 25px;display:flex}.secure-label{color:var(--green);align-items:center;gap:6px;font-size:11px;font-weight:650;display:flex}.agreement-preview-body{padding:31px 34px 34px}.agreement-preview-body h1{letter-spacing:-.7px;margin:7px 0 9px;font-size:27px}.agreement-preview-body>p:not(.eyebrow):not(.agreement-preview-foot){color:var(--muted);line-height:1.6}.agreement-overview{border:1px solid var(--border);border-radius:9px;grid-template-columns:1.2fr .65fr 1fr 1fr;margin:25px 0 12px;display:grid;overflow:hidden}.agreement-overview>div{border-right:1px solid var(--border);min-width:0;padding:14px 11px}.agreement-overview>div:last-child{border-right:0}.agreement-overview span,.agreement-overview strong{display:block}.agreement-overview span{color:var(--faint);letter-spacing:.35px;text-transform:uppercase;margin-bottom:5px;font-size:8px;font-weight:700}.agreement-overview strong{white-space:nowrap;font-size:11px}.agreement-service-card{background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 5%, var(--panel)), var(--panel));border:1px solid color-mix(in srgb, var(--accent) 16%, var(--border));border-radius:9px;margin-bottom:12px;padding:16px}.agreement-service-heading span,.agreement-service-heading strong{display:block}.agreement-service-heading span{color:var(--accent);letter-spacing:.75px;margin-bottom:5px;font-size:9px;font-weight:750}.agreement-service-heading strong{font-size:14px}.agreement-service-card ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:13px 0 0;padding:0;list-style:none;display:grid}.agreement-service-card li{min-width:0;color:var(--muted);background:color-mix(in srgb, var(--panel) 82%, transparent);border:1px solid var(--border);border-radius:7px;align-items:flex-start;gap:7px;padding:8px 9px;font-size:10px;line-height:1.35;display:flex}.agreement-service-card li svg{color:var(--green);flex:none}.agreement-price{background:var(--panel-soft);border-radius:8px;margin-bottom:12px;padding:17px}.agreement-price span,.agreement-price strong,.agreement-price small{display:block}.agreement-price span{color:var(--muted);font-size:12px}.agreement-price strong{letter-spacing:-.6px;margin-top:5px;font-size:25px}.agreement-price small{color:var(--faint);margin-top:4px;font-size:11px}.agreement-preview-button{width:100%;min-height:45px;margin-top:18px}.agreement-preview-foot{color:var(--faint);text-align:center;margin:13px 0 0;font-size:10px;line-height:1.5}.mobile-backdrop{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translate(-50%,-48%)scale(.985)}}@keyframes pulse{50%{opacity:.4}}@media (width<=1120px){.metric-strip{grid-template-columns:1fr 1fr}.metric{border-right:0;border-bottom:1px solid var(--border)}.metric:nth-child(odd){border-right:1px solid var(--border)}.metric:nth-last-child(-n+2){border-bottom:0}.overview-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr 1fr}}@media (width<=820px){.sidebar{transition:transform .18s;transform:translate(-100%)}.sidebar--open{transform:translate(0);box-shadow:18px 0 45px #0003}.sidebar-close{display:block}.mobile-backdrop{z-index:35;background:#03071285;border:0;width:100%;display:block;position:fixed;inset:0}.page-shell{margin-left:0}.menu-button{display:grid!important}.topbar{padding:0 18px}.global-search{width:min(390px,50vw)}.main-content{padding:25px 18px}.recent-grid{grid-template-columns:1fr}.recent-payment:nth-last-child(2){border-bottom:1px solid var(--border)}.planned-invoice-row{grid-template-columns:auto minmax(0,1fr) auto}.planned-invoice-row .button{grid-column:2/-1}.planned-invoice-amount{grid-area:1/3}}@media (width<=620px){.topbar{gap:7px;height:62px;padding:0 12px}.global-search{flex:1;width:auto}.global-search kbd,.theme-button,.demo-flag{display:none}.topbar .button--primary{width:38px;padding:0;font-size:0}.main-content{padding:20px 12px 30px}.page-header{flex-direction:column;align-items:flex-start;gap:15px}.page-header__actions,.page-header__actions .button{width:100%}.overview-header{flex-direction:row}.page-header h1{font-size:23px}.period-chip{display:none}.metric-strip{grid-template-columns:1fr}.metric,.metric:nth-child(odd){border-right:0;border-bottom:1px solid var(--border)}.metric:last-child{border-bottom:0;grid-column:auto}.metric>strong{margin:12px 0 5px;font-size:20px}.chart-wrap svg{height:170px}.recent-payment{grid-template-columns:auto minmax(0,1fr) auto}.recent-payment .status-badge{display:none}.product-grid,.product-features ul,.scope-preview ul,.agreement-service-card ul,.form-grid,.form-grid--address,.choice-group{grid-template-columns:1fr}.choice-group legend{grid-column:1}.dialog-content{padding:18px}.dialog-actions .button{flex:1}.checkout-preview{align-items:flex-start}.agreement-overview{grid-template-columns:1fr}.agreement-overview>div{border-right:0;border-bottom:1px solid var(--border)}.agreement-overview>div:last-child{border-bottom:0}.agreement-overview strong{white-space:normal}.toast{top:70px;left:12px;right:12px}.login-content{padding:26px 20px 28px}.login-hero{padding:28px 20px 24px}.planned-invoices__hint{display:none}.planned-invoice-list{padding:0 14px}.planned-invoice-row{grid-template-columns:auto minmax(0,1fr);gap:10px;padding:15px 0}.planned-invoice-amount{text-align:left;grid-area:auto/2}.planned-invoice-row .button{grid-column:1/-1;width:100%}.invoice-activity-list{padding:0 14px}.invoice-activity{grid-template-columns:auto minmax(0,1fr)}.invoice-activity time{grid-column:2}.metric-strip--recurring{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}