@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#20242a;background:#f3f1eb;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #20242a;--muted: #7a7d80;--line: #e5e3dc;--paper: #fbfaf7;--sidebar: #20242a;--lime: #d6f482;--coral: #ff795f;--blue: #a9d5ff;--violet: #c9bbff}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f3f1eb}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:wait;opacity:.6}input,select,textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px 13px;color:var(--ink);outline:none;transition:border .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:#98a1a9;box-shadow:0 0 0 3px #20242a0f}textarea{resize:vertical}.app-shell{min-height:100vh;display:flex}.sidebar{width:260px;flex:0 0 260px;min-height:100vh;background:var(--sidebar);color:#fff;display:flex;flex-direction:column;padding:28px 16px 17px;position:relative;z-index:10}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:0 11px}.brand-lockup{display:flex;align-items:center;gap:9px;color:#fff;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:20px;letter-spacing:-.04em}.mark{width:27px;height:27px;background:var(--lime);color:var(--ink);display:grid;place-items:center;border-radius:8px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:17px}.workspace-select{margin:34px 0 27px;padding:11px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#ffffff0f}.workspace-avatar{width:31px;height:31px;border-radius:10px;background:#c9bbff;color:var(--ink);display:grid;place-items:center;font-size:10px;font-weight:700}.workspace-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.workspace-copy span,.workspace-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-copy span{color:#9fa4aa;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.workspace-copy strong{font-size:12px;font-weight:600}.sidebar-label{color:#777d85;text-transform:uppercase;letter-spacing:.15em;font-size:9px;font-weight:600;padding:0 12px 9px}.side-label-secondary{margin-top:26px}.sidebar nav{display:grid;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:9px;color:#aeb2b8;background:transparent;text-align:left;font-size:13px;font-weight:500;transition:.2s}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item.active{color:var(--ink);background:var(--lime);font-weight:700}.nav-count{margin-left:auto;font-family:DM Mono,monospace;font-size:9px;opacity:.65}.nav-item.active .nav-count{opacity:.9}.pulse-dot{margin-left:auto;width:6px;height:6px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px #ff795f26}.sidebar-bottom{margin-top:auto}.switcher{padding:14px 11px 12px;border-top:1px solid rgba(255,255,255,.08)}.switcher-title{color:#777d85;font-size:9px;text-transform:uppercase;letter-spacing:.15em;display:flex;justify-content:space-between;margin-bottom:9px}.entity-count{background:#3c4249;color:#cfd2d6;padding:2px 6px;border-radius:5px}.entity-option{color:#bfc3c8;background:transparent;display:flex;align-items:center;gap:8px;text-align:left;padding:7px 0;width:100%;font-size:11px}.entity-option.selected{color:#fff}.entity-option svg{margin-left:auto;color:var(--lime)}.entity-bullet{width:24px;height:20px;border-radius:5px;display:grid;place-items:center;font-family:DM Mono;font-size:8px;color:#21252b;background:#e9e9e3}.sidebar-user{border-top:1px solid rgba(255,255,255,.1);padding:15px 7px 0;display:flex;align-items:center;gap:9px}.sidebar-user>div:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sidebar-user strong{color:#fff;font-size:11px;font-weight:600}.sidebar-user span{color:#858b92;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user button{color:#8e949b;background:transparent;padding:5px}.avatar{width:29px;height:29px;border-radius:50%;color:#262a30;background:var(--lime);display:grid;place-items:center;font-family:Space Grotesk;font-size:10px;font-weight:700}.avatar-small{width:29px;height:29px}.main-area{min-width:0;flex:1}.topbar{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:#fbfaf7b3}.crumb{display:flex;align-items:center;gap:10px;color:#a0a3a4;font-size:12px}.crumb strong{color:var(--ink);font-weight:600}.topbar-actions{display:flex;align-items:center;gap:21px}.icon-btn,.mobile-menu{position:relative;color:#61666a;background:transparent;padding:7px}.notification-dot{width:5px;height:5px;border-radius:50%;background:var(--coral);position:absolute;top:3px;right:3px;border:1px solid var(--paper)}.user-chip{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:600}.mobile-menu{display:none}.content{max-width:1500px;padding:42px 40px 60px;margin:auto}.page{max-width:1250px;margin:auto}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:33px}.eyebrow{color:#969996;text-transform:uppercase;letter-spacing:.16em;font-family:DM Mono,monospace;font-size:9px;font-weight:500;margin:0 0 10px}.page-header h1{font-family:Space Grotesk,sans-serif;font-size:35px;line-height:1.05;letter-spacing:-.055em;margin:0;font-weight:600}.page-description{color:var(--muted);font-size:13px;margin:10px 0 0}.header-actions{display:flex;align-items:center;gap:10px}.primary-btn,.ghost-btn{display:inline-flex;align-items:center;gap:8px;border-radius:9px;min-height:41px;padding:0 15px;font-size:12px;font-weight:700;transition:transform .2s,background .2s}.primary-btn{color:var(--ink);background:var(--lime)}.primary-btn:hover{background:#c4e96b;transform:translateY(-1px)}.ghost-btn{background:transparent;color:#656b6c;border:1px solid var(--line);font-weight:600}.ghost-btn:hover{background:#fff}.ghost-btn.small{min-height:33px;font-size:11px}.text-btn{display:inline-flex;align-items:center;gap:6px;color:#616865;background:transparent;font-size:11px;font-weight:700}.text-btn:hover{color:var(--ink)}.hero-row{display:grid;grid-template-columns:1.72fr .8fr;gap:15px}.hero-card{background:var(--sidebar);color:#fff;min-height:278px;padding:27px 29px 20px;border-radius:15px;position:relative;overflow:hidden}.hero-card-copy{position:relative;z-index:1}.hero-kicker{display:inline-flex;align-items:center;gap:7px;color:#bfc4bf;text-transform:uppercase;letter-spacing:.13em;font:10px DM Mono}.live-dot{width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 4px #d6f4821f}.hero-card h2{margin:18px 0 3px;font:600 43px Space Grotesk;letter-spacing:-.06em}.hero-card p{color:#989ea5;font-size:12px;margin:0}.hero-chart{position:absolute;left:29px;right:22px;bottom:14px;height:112px}.hero-chart svg{width:100%;height:100%;overflow:visible}.chart-labels{display:flex;justify-content:space-between;color:#676e76;font:8px DM Mono;position:absolute;bottom:-4px;left:0;right:0}.chart-tooltip{position:absolute;right:10%;top:3px;display:flex;flex-direction:column;gap:3px;padding:8px 10px;border-radius:7px;background:#181c21d9;border:1px solid rgba(255,255,255,.1)}.chart-tooltip span{color:#7d858b;font:8px DM Mono}.chart-tooltip strong{color:var(--lime);font:11px DM Mono}.hero-side{background:#e8e3d7;border-radius:15px;padding:24px;min-height:278px}.hero-side-top{display:flex;align-items:center;justify-content:space-between;color:#7f827e;font-size:11px}.hero-side>strong{font:600 31px Space Grotesk;letter-spacing:-.05em;display:block;margin:13px 0 12px}.trend-positive{color:#43946d;display:inline-flex;gap:2px;align-items:center;font:10px DM Mono}.progress{height:7px;border-radius:10px;background:#d6d0c3;overflow:hidden}.progress span{display:block;height:100%;background:#75bc91;border-radius:inherit}.hero-side small{display:block;color:#99998f;font-size:10px;margin-top:8px}.hero-side-divider{height:1px;background:#3c3e3b1a;margin:25px 0 19px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:14px}.stat-card{min-height:146px;border:1px solid var(--line);background:var(--paper);border-radius:13px;padding:17px 18px;position:relative}.stat-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;margin-bottom:18px}.stat-icon.green{background:var(--lime);color:#4b6427}.stat-icon.coral{background:#ffd1c7;color:#a24837}.stat-icon.blue{background:var(--blue);color:#3d6c8f}.stat-icon.violet{background:var(--violet);color:#615291}.stat-label{color:#858988;display:block;font-size:10px}.stat-card strong{display:block;margin:6px 0 4px;font:600 24px Space Grotesk;letter-spacing:-.05em}.stat-card small{color:#aaa9a4;font-size:10px}.content-grid{display:grid;grid-template-columns:1.55fr .8fr;gap:14px;margin-top:14px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:14px}.recent-panel,.attention-panel{padding:22px 22px 17px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.panel-heading .eyebrow{margin-bottom:7px}.panel-heading h3{font:600 16px Space Grotesk;letter-spacing:-.03em;margin:0}.sparkle{color:#8c7bd1}.attention-list{display:grid;gap:5px}.attention-item{display:flex;align-items:center;gap:10px;padding:9px 0}.attention-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px}.attention-icon.coral{background:#ffd1c7;color:#a24837}.attention-icon.blue{background:var(--blue);color:#3d6c8f}.attention-icon.green{background:var(--lime);color:#57772e}.attention-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.attention-copy strong{font-size:11px}.attention-copy span{color:#a5a5a0;font-size:10px}.attention-item button{display:flex;gap:3px;align-items:center;color:#6f746f;background:transparent;font-size:10px;font-weight:700}.tip-card{display:flex;align-items:flex-start;gap:10px;margin-top:20px;padding:12px;background:#f1eddf;border-radius:9px}.tip-icon{color:#9a8c58;font-size:16px}.tip-card strong{font-size:10px}.tip-card p{color:#9d9b8e;font-size:10px;line-height:1.45;margin:3px 0 0}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:17px}.search-field{position:relative;width:min(310px,100%)}.search-field svg{position:absolute;left:12px;top:11px;color:#9a9c9b}.search-field input{padding-left:37px;background:var(--paper);font-size:12px;min-height:39px}.filter-tabs{display:flex;gap:3px;padding:3px;background:#e6e4dc;border-radius:9px}.filter-tabs button{padding:8px 11px;background:transparent;border-radius:7px;color:#848782;font-size:10px}.filter-tabs button.selected{background:var(--paper);color:var(--ink);font-weight:700;box-shadow:0 1px 2px #0000000a}.toolbar>.ghost-btn{margin-left:auto}.toolbar-summary{margin-left:auto;color:#929590;font-size:11px}.table-panel{padding:20px 22px 10px}.table-head-row{display:flex;justify-content:space-between;color:#757a78;padding-bottom:15px;font-size:11px;font-weight:700}.table-head-hint{color:#aaa9a4;font-weight:400}.data-table{width:100%}.data-row{display:grid;grid-template-columns:1.05fr 1.25fr .95fr .95fr 1fr 37px;align-items:center;gap:13px;min-height:59px;border-top:1px solid #efede7;color:#797c7a;font-size:11px}.data-row.data-header{min-height:36px;border-top:0;color:#adaeaa;text-transform:uppercase;letter-spacing:.1em;font:9px DM Mono}.data-row>span{min-width:0}.invoice-cell,.customer-cell{display:flex;align-items:center;gap:8px;min-width:0}.invoice-cell strong{color:#454949;font:500 11px DM Mono}.invoice-file,.table-avatar{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:#e9e7df;color:#747872;flex:0 0 25px}.invoice-file.success{background:#e7f6bd;color:#698d32}.invoice-file.warning{background:#ffdcd3;color:#ad5948}.table-avatar{border-radius:50%;background:#ded9ee;color:#655a86;font:8px Space Grotesk}.customer-cell>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.align-right{text-align:right}.amount-cell{color:#3a3e40}.amount-cell strong{display:block;font:500 11px DM Mono}.amount-cell small{display:block;color:#aeafaa;font-size:9px;margin-top:3px}.date-overdue{color:#d36350}.status-badge{display:inline-flex;gap:6px;align-items:center;padding:6px 8px;border-radius:6px;font-size:9px;font-weight:700}.status-badge>span{width:5px;height:5px;border-radius:50%;background:currentColor}.status-badge.paid{background:#ecf6d5;color:#699035}.status-badge.issued{background:#e4f0fa;color:#4a7ca1}.status-badge.overdue{background:#ffdfd7;color:#b85542}.status-badge.draft{background:#ecebe6;color:#858883}.status-badge.partial,.status-badge.queued{background:#f0e9ff;color:#7a62ad}.row-actions{display:flex;justify-content:flex-end;gap:4px}.row-action{width:28px;height:28px;display:grid;place-items:center;color:#9b9e9b;background:transparent;border-radius:7px}.row-action:hover{background:#e9e7df;color:var(--ink)}.empty-row{min-height:130px;display:flex;align-items:center;justify-content:center;gap:8px;color:#9b9e99;font-size:12px}.empty-row svg{color:#b7b8b2}.customer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.customer-card{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:19px;min-height:224px}.customer-card-top{display:flex;align-items:center;justify-content:space-between}.customer-monogram{width:39px;height:39px;border-radius:11px;background:#e9e0cb;color:#756445;display:grid;place-items:center;font:600 13px Space Grotesk}.customer-card h3{font:600 15px Space Grotesk;letter-spacing:-.03em;margin:17px 0 5px}.customer-card>p{color:#9a9c98;margin:0;font-size:11px}.customer-meta{display:flex;gap:11px;color:#8b8e8b;margin:18px 0;font-size:10px}.customer-meta span{display:inline-flex;align-items:center;gap:5px}.customer-contact{border-top:1px solid #eceae4;padding-top:13px;display:flex;align-items:center;gap:8px}.customer-contact>div:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:2px}.customer-contact strong{font-size:10px}.customer-contact span{color:#a2a39e;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-avatar{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#dbece0;color:#5f8770;font:8px Space Grotesk}.muted{color:#a3a49f;font-size:10px}.add-customer{background:transparent;border-style:dashed;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.add-customer:hover{border-color:#9aa09a;background:#f7f6f1}.add-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#e9e7df;color:#737772}.add-customer h3{margin-top:13px}.payment-hero{min-height:164px;background:#dce9c3;border-radius:14px;padding:25px 28px;display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.payment-hero h2{margin:15px 0 3px;font:600 38px Space Grotesk;letter-spacing:-.06em}.payment-hero p{color:#829070;font-size:11px;margin:0}.payment-hero-note{display:flex;align-items:center;gap:10px;color:#577b5f;background:#ffffff59;border-radius:9px;padding:12px 14px}.payment-hero-note strong,.payment-hero-note span{display:block}.payment-hero-note strong{font-size:11px}.payment-hero-note span{color:#8c9d87;font-size:10px;margin-top:3px}.pill{color:#7c817b;background:#ebe9e0;border-radius:99px;padding:6px 9px;font-size:9px;font-weight:700}.coral-pill{color:#ae5b48;background:#ffdfd7}.method-pill{display:inline-flex;align-items:center;gap:5px;font-size:10px}.recurring-banner{display:flex;align-items:center;gap:14px;background:#e6e0f7;border-radius:14px;padding:18px 20px;margin-bottom:15px}.recurring-banner-icon{width:39px;height:39px;border-radius:11px;background:#c8b9ee;color:#6f5b9d;display:grid;place-items:center}.recurring-banner strong{font:600 14px Space Grotesk}.recurring-banner p{margin:4px 0 0;color:#938aa7;font-size:11px}.banner-pill{margin-left:auto;color:#6f5b9d;background:#ffffff7a;border-radius:99px;padding:7px 10px;font-size:10px;font-weight:700}.plan-list{display:grid;gap:9px}.plan-row{display:flex;align-items:center;gap:15px;padding:15px 17px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.plan-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#e9e0f8;color:#7d6ab2}.plan-main{flex:1;min-width:0}.plan-title{display:flex;align-items:center;gap:8px}.plan-title strong{font-size:12px}.plan-title span{font:9px DM Mono;text-transform:uppercase;padding:4px 6px;border-radius:5px}.plan-status.active{color:#64873a;background:#eaf4ce}.plan-status.paused{color:#9b6b56;background:#f7e8d6}.plan-main p{margin:5px 0 0;color:#9fa19e;font-size:10px}.plan-amount{margin-left:auto;min-width:100px;font:500 13px DM Mono;text-align:right}.plan-amount small{display:block;color:#aaa9a5;font:9px DM Sans;margin-top:4px}.empty-card{min-height:180px;border:1px dashed #d2d0c7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#9b9e99;border-radius:12px;font-size:12px}.empty-card svg{color:#8b76ba}.empty-card strong{color:#656967;font-size:13px}.reminder-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:15px}.reminder-stat{padding:18px;display:flex;align-items:center;gap:13px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.reminder-stat>div{display:flex;flex-direction:column;gap:3px}.reminder-stat strong{font:600 22px Space Grotesk}.reminder-stat span:not(.stat-icon){color:#999d99;font-size:10px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-panel{padding:22px}.verified-pill{color:#64873a;background:#eaf4ce;border-radius:99px;padding:6px 9px;display:flex;gap:4px;align-items:center;font-size:9px;font-weight:700}.setting-fields{display:grid;gap:15px}.setting-fields label,.modal-form label{display:grid;gap:7px;color:#6c706e;font-size:10px;font-weight:700}.setting-fields input,.modal-form input,.modal-form select,.modal-form textarea{margin-top:0;font-size:12px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.default-list{display:grid;gap:4px}.default-list>div{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #efede7}.default-list>div:last-child{border-bottom:0}.default-list>div>div{flex:1;display:flex;flex-direction:column;gap:4px}.default-list strong{font-size:11px}.default-list small{color:#a3a49f;font-size:10px}.default-list>div>svg{color:#a2a5a1}.default-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#eeece4;color:#797d78}.loading-state,.splash{min-height:100vh;display:grid;place-items:center;align-content:center;gap:12px;color:#8f928e;font-size:12px}.splash .mark{width:42px;height:42px;font-size:23px}.loader{width:23px;height:23px;border:2px solid #d8d5cc;border-top-color:var(--ink);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:25px;right:28px;display:flex;align-items:center;gap:9px;color:#4c6331;background:#e8f7bf;border:1px solid #c9e67e;padding:12px 15px;border-radius:9px;box-shadow:0 9px 30px #1f251f1f;font-size:12px;font-weight:600;z-index:50}.toast svg{color:#79a73e}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.04fr .96fr;background:var(--paper)}.login-art{background:var(--sidebar);color:#fff;padding:39px 55px 42px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.art-top{display:flex;justify-content:space-between;align-items:center}.art-label{color:#70777f;font:9px DM Mono;letter-spacing:.14em}.art-copy{max-width:510px;position:relative;z-index:1;margin-top:65px}.art-copy .eyebrow{color:var(--lime)}.art-copy h1{font:600 clamp(37px,4.8vw,66px) "Space Grotesk";line-height:.98;letter-spacing:-.075em;margin:0 0 23px}.art-copy>p:last-child{max-width:365px;color:#9299a0;font-size:13px;line-height:1.6}.art-foot{min-height:155px;position:relative;display:flex;align-items:flex-end}.mini-stat{position:relative;z-index:2;display:flex;gap:10px;align-items:center}.mini-stat>div{display:flex;flex-direction:column;gap:4px}.mini-stat strong{font:600 17px Space Grotesk}.mini-stat small{color:#777f87;font-size:10px}.mini-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:8px}.mini-icon.green{color:#6a8f36;background:var(--lime)}.orbit{border:1px solid rgba(214,244,130,.19);border-radius:50%;position:absolute}.orbit-one{width:390px;height:390px;right:-30px;bottom:-285px}.orbit-two{width:650px;height:650px;right:-120px;bottom:-485px;border-color:#d6f4821f}.grid-mark{width:155px;height:155px;position:absolute;right:30px;bottom:-11px;opacity:.12;background-image:linear-gradient(rgba(214,244,130,.8) 1px,transparent 1px),linear-gradient(90deg,rgba(214,244,130,.8) 1px,transparent 1px);background-size:15px 15px;transform:rotate(11deg)}.login-card{align-self:center;justify-self:center;width:min(398px,calc(100% - 48px))}.mobile-brand{display:none}.login-heading .eyebrow{color:#81957c}.login-heading h2{font:600 31px Space Grotesk;letter-spacing:-.06em;margin:0 0 8px}.login-heading p:last-child{margin:0 0 31px;color:#929591;font-size:12px}.login-card form{display:grid;gap:17px}.login-card label{display:grid;gap:8px;color:#5f6361;font-size:11px;font-weight:700}.password-field{position:relative}.password-field span{position:absolute;right:13px;top:12px;color:#9da09d;letter-spacing:2px}.login-card input{min-height:43px}.full{width:100%;justify-content:center;margin-top:7px}.form-error{display:flex;align-items:center;gap:7px;color:#b45443;background:#fff0eb;padding:10px 11px;border-radius:8px;font-size:11px}.login-note{color:#b0b2ae;text-align:center;font-size:10px;margin-top:20px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#15191d75;display:grid;place-items:center;padding:20px}.modal{width:min(550px,100%);max-height:calc(100vh - 40px);overflow:auto;background:var(--paper);border-radius:15px;box-shadow:0 24px 80px #0c111440;padding:25px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:25px}.modal-head h2{margin:0;font:600 24px Space Grotesk;letter-spacing:-.05em}.modal-form{display:grid;gap:16px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:8px;padding-top:18px;border-top:1px solid var(--line)}.close-sidebar{display:none;background:transparent;color:#aeb2b8}@media(max-width:1150px){.content{padding:34px 26px 50px}.topbar{padding:0 26px}.hero-row{grid-template-columns:1.4fr .9fr}.data-row{grid-template-columns:1fr 1.15fr .85fr .9fr 1fr 33px;gap:8px}.content-grid{grid-template-columns:1.35fr .9fr}}@media(max-width:900px){.sidebar{position:fixed;left:-280px;top:0;bottom:0;transition:left .25s;box-shadow:10px 0 30px #00000026}.sidebar.sidebar-open{left:0}.close-sidebar,.mobile-menu{display:block}.hero-row,.content-grid,.settings-grid{grid-template-columns:1fr}.hero-side{min-height:180px}.customer-grid{grid-template-columns:repeat(2,1fr)}.login-shell{grid-template-columns:1fr}.login-art{display:none}.login-card{padding:40px 0}.mobile-brand{display:flex;margin-bottom:70px}.mobile-brand .brand-lockup{color:var(--ink)}.mobile-brand .mark{background:var(--ink);color:var(--lime)}}@media(max-width:650px){.topbar{height:62px;padding:0 17px}.crumb span,.crumb svg{display:none}.topbar-actions{gap:7px}.user-chip>span,.user-chip>svg{display:none}.content{padding:27px 16px 40px}.page-header{align-items:flex-start;flex-direction:column;margin-bottom:24px}.header-actions{width:100%;justify-content:space-between}.page-header h1{font-size:30px}.hero-card{min-height:254px;padding:23px 20px}.hero-card h2{font-size:36px}.hero-chart{left:20px;right:16px}.hero-side{padding:20px}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-card{min-height:132px;padding:14px}.stat-card strong{font-size:21px}.content-grid{gap:12px}.recent-panel,.attention-panel,.table-panel{padding:17px 14px 9px}.toolbar{flex-wrap:wrap}.search-field{width:100%}.filter-tabs{flex:1;justify-content:space-between}.filter-tabs button{flex:1;padding-left:5px;padding-right:5px}.toolbar>.ghost-btn{margin-left:0}.data-table{min-width:680px}.table-panel{overflow-x:auto}.data-row{grid-template-columns:1.1fr 1.2fr .9fr .9fr .9fr 35px}.data-table.compact{min-width:620px}.customer-grid{grid-template-columns:1fr}.payment-hero{flex-direction:column;align-items:flex-start;gap:20px}.payment-hero-note{width:100%}.plan-row{flex-wrap:wrap}.plan-main{min-width:calc(100% - 60px)}.plan-amount{margin-left:50px;text-align:left}.reminder-overview,.field-row{grid-template-columns:1fr}.modal{padding:20px}.toast{bottom:15px;right:15px;left:15px}}.check-line{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:9px!important;font-weight:500!important}.approval-settings-panel,.team-settings-grid{margin-top:14px}.team-members-panel{min-width:0}.team-member-list{display:grid;gap:8px}.team-member-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #efede7}.team-member-row:first-child{border-top:0;padding-top:0}.team-member-row.inactive{opacity:.62}.team-member-avatar{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:10px;color:#5b4a8d;background:#ebe4f8;font-size:10px;font-weight:700}.team-member-main{display:grid;gap:2px;min-width:0;flex:1}.team-member-main strong{color:var(--ink);font-size:11px}.team-member-main span,.team-member-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#687878;font-size:10px}.team-member-main small{color:#557b7d;font-size:9px}.team-member-controls{display:flex;align-items:center;gap:6px}.team-member-controls select{min-width:92px;padding:7px 8px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:var(--paper);font-size:10px}.team-member-controls .pill{white-space:nowrap}.approval-settings-note{display:grid;gap:4px;padding:12px 13px;color:#3d5d60;background:#edf7f6;border:1px solid #d3e9e6;border-radius:9px;font-size:10px;line-height:1.45}.approval-settings-note strong{color:#174f55;font-size:11px}.auth-switch{width:100%;justify-content:center;margin-top:18px}.platform-shell{min-height:100vh;background:#f3f7f5;color:var(--ink)}.platform-topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:var(--paper);border-bottom:1px solid var(--line)}.platform-topbar .brand-lockup{color:var(--ink)}.platform-topbar .mark{background-color:var(--ink)}.platform-topbar-actions{display:flex;align-items:center;gap:18px}.platform-role,.read-only-label{display:inline-flex;align-items:center;gap:6px;color:#176773;background:#e3f7f5;border:1px solid #c3ebe7;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.platform-user{display:inline-flex;align-items:center;gap:8px;color:#536568;font-size:11px}.platform-content{max-width:1440px;margin:0 auto;padding:42px 42px 70px}.platform-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px}.platform-heading h1{margin:0;font:600 36px Space Grotesk;letter-spacing:-.06em}.platform-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.platform-stat{min-height:126px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:11px;align-content:center;padding:19px;background:var(--paper);border:1px solid var(--line);border-radius:13px;box-shadow:0 9px 24px #22343709}.platform-stat svg{grid-row:span 3;color:#158c96;margin-top:3px}.platform-stat span{color:#708083;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.platform-stat strong{font:600 27px Space Grotesk;letter-spacing:-.05em}.platform-stat small{color:#8a999b;font-size:10px}.platform-stat.warning svg{color:#b45a4a}.platform-stat.warning strong{color:#a14c40}.platform-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);gap:15px;margin-bottom:15px}.platform-lower-grid{grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr)}.platform-panel{min-width:0;padding:21px}.platform-toolbar{display:flex;align-items:center;gap:8px;margin:14px 0}.platform-toolbar .search-field{flex:1}.platform-toolbar select{min-height:38px;padding:0 9px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--paper);font-size:11px}.platform-table{overflow-x:auto}.platform-row{min-width:720px;display:grid;grid-template-columns:1.3fr 1.15fr .95fr .75fr 60px;gap:13px;align-items:center;padding:13px 0;border-top:1px solid #edf1ef;font-size:11px}.platform-row-head{border-top:0;padding-top:0;color:#8a999b;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.platform-row>div{min-width:0;display:grid;gap:3px}.platform-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.platform-row small{color:#7d8b8d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.platform-row-actions{display:flex!important;grid-template-columns:none!important;flex-direction:row;gap:3px}.platform-status{width:max-content;display:inline-flex;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.platform-status.active{color:#3d7b55;background:#e5f4e9}.platform-status.suspended{color:#a34b40;background:#fff0eb}.platform-status.archived{color:#6d7778;background:#edf0ef}.platform-status.disabled{color:#a34b40;background:#fff0eb}.platform-empty{min-height:170px;display:grid;place-items:center;align-content:center;gap:7px;color:#8a999b;text-align:center;font-size:11px}.platform-empty strong{color:var(--ink)}.platform-empty svg{color:#17a0aa}.platform-detail-status,.platform-detail-actions{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:16px}.platform-detail-status>span:last-child{color:#8a999b;font-size:10px}.platform-detail-actions{justify-content:flex-start;flex-wrap:wrap}.platform-detail-actions .read-only-label{margin-left:auto}.platform-detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:22px}.platform-detail-stats>div{padding:12px;background:#f3f8f6;border-radius:9px}.platform-detail-stats strong,.platform-detail-stats span{display:block}.platform-detail-stats strong{font:600 21px Space Grotesk}.platform-detail-stats span{color:#819092;font-size:9px;margin-top:3px}.platform-panel h4{margin:18px 0 9px;font:600 12px Space Grotesk}.platform-member-list{display:grid;gap:2px}.platform-member{display:flex;align-items:center;gap:9px;padding:9px 0;border-top:1px solid #edf1ef}.platform-member>div{display:grid;gap:2px;min-width:0;flex:1}.platform-member strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.platform-member small{color:#7d8b8d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.platform-member-role{color:#73888a;font-size:9px;font-weight:700}.platform-integration-dot{width:28px;height:28px;border-radius:8px;background:#e4f4f3;border:1px solid #cce9e5}.platform-user-table .platform-row{grid-template-columns:1.3fr .9fr 1fr .7fr 36px}.platform-audit-list{display:grid;gap:2px}.platform-audit-entry{display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-top:1px solid #edf1ef}.platform-audit-icon{width:28px;height:28px;display:grid;place-items:center;color:#158c96;background:#e5f4f3;border-radius:8px}.platform-audit-entry div{display:grid;gap:3px;min-width:0}.platform-audit-entry strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;text-transform:capitalize}.platform-audit-entry small,.platform-audit-entry time{color:#879496;font-size:9px}.platform-audit-entry time{white-space:nowrap}@media(max-width:1050px){.platform-content{padding-left:25px;padding-right:25px}.platform-stat-grid{grid-template-columns:repeat(2,1fr)}.platform-grid,.platform-lower-grid{grid-template-columns:1fr}}@media(max-width:650px){.platform-topbar{height:64px;padding:0 16px}.platform-topbar-actions{gap:8px}.platform-role{display:none}.platform-user{font-size:0}.platform-content{padding:27px 16px 40px}.platform-heading{align-items:flex-start;flex-direction:column}.platform-heading h1{font-size:30px}.platform-stat-grid{gap:10px}.platform-stat{min-height:112px;padding:14px}.platform-stat strong{font-size:23px}.platform-toolbar{flex-wrap:wrap}.platform-toolbar .search-field{flex-basis:100%}.platform-detail-actions .read-only-label{margin-left:0}}.platform-inline-select{min-width:0;max-width:100%;min-height:30px;padding:0 5px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:var(--paper);font-size:10px}.template-panel{margin-top:14px}.template-list{display:grid;gap:14px}.template-row{display:grid;gap:11px;padding:16px 0;border-top:1px solid #efede7}.invoice-editor-form{gap:14px}.invoice-items-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;padding-top:3px}.invoice-items-heading strong{display:block;color:#1f2a30;font:600 14px Space Grotesk}.invoice-items-heading>span{color:#6b7a79;font:10px DM Mono;white-space:nowrap}.invoice-line-list{display:grid;gap:10px}.invoice-line-card{display:grid;gap:12px;padding:14px;border:1px solid #dce6e2;border-radius:13px;background:#fbfcf9}.invoice-line-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.invoice-line-card-head strong{color:#1f2a30;font-size:12px}.add-invoice-item{justify-self:start}.template-row:first-child{border-top:0;padding-top:0}.template-row label{display:grid;gap:7px;color:#6c706e;font-size:10px;font-weight:700}.template-meta{display:flex;align-items:center;gap:8px}.template-meta strong{font:600 12px DM Mono;color:#454949}.template-meta span{color:#9a9d98;font-size:10px}.template-new{margin-top:12px;padding-top:18px;border-top:1px solid #dedcd4}:root{--ink: #10224b;--muted: #64748b;--line: #dce9f5;--paper: #ffffff;--sidebar: #082b7d;--lime: #18c9e4;--coral: #ff7661;--blue: #d8f1ff;--violet: #e3eaff}body{background:#f1f7fc}.sidebar{background:linear-gradient(180deg,#0b3a9b,#071f68)}.mark{background:transparent url(/capatto-logo.png) center / contain no-repeat;color:transparent;border-radius:7px}.workspace-avatar{background:linear-gradient(135deg,#20d5e8,#1479ef);color:#fff}.nav-item.active{color:#06266d;background:#20d5e8}.nav-item.active .nav-count{color:#06266d}.entity-option svg{color:#20d5e8}.avatar{color:#06266d;background:#20d5e8}.topbar{background:#ffffffe0}.notification-dot{background:#ff7661}.primary-btn{color:#06266d;background:#20d5e8}.primary-btn:hover{background:#43dcee}.ghost-btn:hover{color:#0b3a9b;background:#effaff;border-color:#b9dfef}input:focus,select:focus,textarea:focus{border-color:#20bfe2;box-shadow:0 0 0 3px #20bfe224}.hero-side{background:#e2f6fc}.payment-hero{background:#d9f5fb}.recurring-banner{background:#e7edff}.recurring-banner-icon{background:#c5d7ff;color:#1556bd}.tip-card{background:#eaf8ff}.login-art{background:linear-gradient(150deg,#0b3a9b,#071f68)}.login-heading .eyebrow,.art-copy .eyebrow{color:#20d5e8}.mobile-brand .mark{width:42px;height:42px}.hero-chart stop{stop-color:#20d5e8}.hero-chart svg>path:last-of-type{stroke:#20d5e8}:root{--ink: #263238;--muted: #748083;--line: #dfe8e5;--paper: #fffefa;--sidebar: #f7faf8;--lime: #2bc5d3;--coral: #eb806d;--blue: #d9eef0;--violet: #e6e1f1}body,.app-shell{background:#f3f7f5}.sidebar{background:#f8fbf9;color:var(--ink);border-right:1px solid #dde7e3}.brand-lockup{color:#263238}.brand-lockup>span{font-size:0}.brand-lockup>span:after{content:"Capatto Invoicing";display:inline-block;font-size:16px;letter-spacing:-.04em}.mark{background:transparent url(/capatto-logo.png) center / contain no-repeat;color:transparent}.sidebar .workspace-select{border-color:#dce7e3;background:#fff}.workspace-avatar{background:#d8f3f1;color:#176773}.workspace-copy span{color:#819092}.sidebar-label{color:#8a9798}.nav-item{color:#657276}.nav-item:hover{color:#263238;background:#edf5f2}.nav-item.active{color:#15383e;background:#c9f1f0}.nav-item.active .nav-count{color:#176773}.nav-count{color:#8a9798}.entity-option{color:#708083}.entity-option.selected{color:#263238}.entity-option svg{color:#19aeba}.sidebar-bottom .switcher,.sidebar-user{border-color:#e1eae7}.switcher-title{color:#899698}.entity-count{color:#577174;background:#e6f0ed}.entity-bullet{color:#315b61;background:#dff0ed}.sidebar-user strong{color:#263238}.sidebar-user span{color:#849092}.sidebar-user button{color:#758487}.avatar{color:#174b53;background:#c9f1f0}.topbar{background:#fffefae6;border-color:#dfe8e5}.crumb{color:#9aa6a7}.crumb strong{color:#263238}.icon-btn,.mobile-menu{color:#657276}.notification-dot{background:#eb806d;border-color:#fffefa}.primary-btn{color:#123b42;background:#2bc5d3}.primary-btn:hover{background:#52d4df}.ghost-btn{color:#657276;border-color:#d8e4e1}.ghost-btn:hover{color:#1a7079;background:#f1fbfa;border-color:#addfe0}input:focus,select:focus,textarea:focus{border-color:#28b9c8;box-shadow:0 0 0 3px #2bc5d324}.hero-card{background:#29343a}.hero-kicker{color:#b8c5c5}.live-dot{background:#2bc5d3;box-shadow:0 0 0 4px #2bc5d324}.chart-tooltip strong{color:#55d7df}.hero-side{background:#e2f4f2}.progress{background:#cbdeda}.progress span{background:#6cbfa9}.payment-hero p{color:#658987}.payment-hero-note{color:#347a78}.recurring-banner{background:#e9e5f4}.tip-card{background:#e9f5f3}.tip-icon{color:#188b93}.login-art{background:linear-gradient(145deg,#f2faf8,#e1f3f1);color:#263238;border-right:1px solid #dfe9e5}.login-art .brand-lockup{color:#263238}.login-art .mark{width:32px;height:32px}.art-label{color:#7b9091}.art-copy .eyebrow{color:#1596a3}.art-copy h1{color:#263238}.art-copy>p:last-child{color:#687b7d}.orbit{border-color:#2bc5d347}.orbit-two{border-color:#2bc5d32e}.grid-mark{background-image:linear-gradient(rgba(43,197,211,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(43,197,211,.6) 1px,transparent 1px);opacity:.18}.mini-stat strong{color:#263238}.mini-stat small{color:#718486}.mini-icon.green{color:#176773;background:#bcecef}.login-heading .eyebrow{color:#1596a3}.login-note{color:#94a0a0}.splash{background:#fffefa}.mobile-brand .mark{background:transparent url(/capatto-logo.png) center / contain no-repeat}:root{--ink: #1f2a30;--muted: #586a6d;--line: #dce6e2;--paper: #fffefb;--sidebar: #20292f;--lime: #2bc5d3;--coral: #b44d3f;--blue: #dceff1;--violet: #e9e4f4;--focus: #087582}html{scroll-behavior:smooth}body{background:#f3f7f5;color:var(--ink)}.app-shell{background:#f3f7f5}.skip-link{position:fixed;left:16px;top:-80px;z-index:100;padding:12px 16px;color:#fff;background:#172126;border-radius:8px;font-weight:700;box-shadow:0 8px 22px #111f2338}.skip-link:focus{top:16px}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.sidebar{width:276px;flex-basis:276px;padding:30px 18px 20px;background:#20292f;color:#fff;border-right:0;box-shadow:10px 0 36px #1424280f}.sidebar .brand-lockup{color:#fff}.mark{width:34px;height:34px;background-color:#fff;border:1px solid rgba(255,255,255,.7);border-radius:10px;box-shadow:0 4px 12px #00000024}.brand-lockup>span:after{font-size:16px}.sidebar .workspace-select{margin-top:37px;border-color:#fff3;background:#ffffff14}.sidebar .workspace-avatar{background:#bceff0;color:#164c54}.sidebar .workspace-copy span,.sidebar-label{color:#a9babc}.sidebar .nav-item{min-height:44px;color:#d5e1e0}.sidebar .nav-item:hover{color:#fff;background:#ffffff1a}.sidebar .nav-item.active{color:#14363c;background:#c9f1f0;box-shadow:0 5px 12px #0000001a}.sidebar .nav-count{color:#a9babc}.sidebar .nav-item.active .nav-count{color:#24656c}.sidebar .switcher{border-color:#ffffff29}.sidebar .switcher-title{color:#a9babc}.sidebar .entity-count{color:#dce9e7;background:#ffffff1f}.sidebar .entity-option{color:#bdcccb;min-height:38px}.sidebar .entity-option.selected{color:#fff}.sidebar .entity-option svg{color:#69dce0}.sidebar .entity-bullet{color:#24555d;background:#dff2ef}.sidebar .sidebar-user{border-color:#ffffff29}.sidebar .sidebar-user strong{color:#fff}.sidebar .sidebar-user span{color:#afbfbe}.sidebar .sidebar-user button{color:#c5d2d1}.sidebar .avatar{color:#174b53;background:#c9f1f0}.close-sidebar{color:#d8e5e4;background:transparent;display:none}.main-area{background:#f3f7f5}.topbar{height:78px;padding:0 46px;background:#fffefbf0;border-color:#dce6e2}.crumb{color:#788a8c}.crumb strong{color:#1f2a30}.icon-btn,.mobile-menu{color:#526367;min-width:44px;min-height:44px}.content{max-width:1580px;padding:48px 46px 72px}.page-header{margin-bottom:37px}.eyebrow{color:#536c6e}.page-header h1{color:#1f2a30;font-size:40px}.page-description{color:#586a6d}.primary-btn,.ghost-btn{min-height:44px;border-radius:10px}.primary-btn{color:#123b42;background:#2bc5d3;box-shadow:0 6px 16px #19a1ad29}.primary-btn:hover{background:#55d4dd;box-shadow:0 8px 20px #19a1ad38}.ghost-btn{color:#44585a;border-color:#cfddda;background:#ffffff80}.ghost-btn:hover{color:#075f69;background:#f0fbfa;border-color:#91d2d3}.text-btn{color:#29636a}.text-btn:hover{color:#124a53}input,select,textarea{color:#1f2a30;border-color:#cbdad6;background:#fff;min-height:46px}input::placeholder,textarea::placeholder{color:#697a7d;opacity:1}input:focus,select:focus,textarea:focus{border-color:#087582;box-shadow:0 0 0 3px #08758229}.hero-row{gap:18px}.hero-card{min-height:294px;padding:30px 32px 22px;background:#29343a;border-radius:19px;box-shadow:0 16px 34px #1b292d1f}.hero-card h2{font-size:46px}.hero-kicker{color:#c2d0cf}.hero-card p{color:#b4c1c1}.hero-chart{left:32px;right:24px;bottom:17px}.chart-labels{color:#a4b5b4}.chart-tooltip{background:#172126;border-color:#fff3}.chart-tooltip span{color:#b7c7c6}.chart-tooltip strong{color:#65dce0}.hero-side{min-height:294px;padding:27px;background:#dff3f1;border:1px solid #c9e5e1;border-radius:19px;box-shadow:0 12px 28px #25676714}.hero-side-top{color:#526b6d}.hero-side>strong{color:#1f2a30}.trend-positive{color:#24715f}.progress{background:#c5dcd8}.progress span{background:#3e9f88}.hero-side small{color:#5f7778}.hero-side-divider{background:#224d4f2e}.stat-grid{gap:16px}.stat-card,.panel,.customer-card,.plan-row{background:#fffefa;border-color:#dce6e2;border-radius:16px;box-shadow:0 8px 24px #1d30330b}.stat-card{min-height:156px;padding:19px 20px}.stat-label,.stat-card small,.toolbar-summary{color:#596b6e}.stat-card strong{color:#1f2a30}.stat-icon.green{color:#1d655b;background:#cdf1e8}.stat-icon.coral{color:#943b30;background:#fde1db}.stat-icon.blue{color:#2d5f6a;background:#dceff1}.stat-icon.violet{color:#5a4d81;background:#e9e4f4}.panel{box-shadow:0 10px 28px #1d30330b}.panel-heading h3{color:#1f2a30}.sparkle{color:#5a4d81}.attention-icon.coral{color:#943b30;background:#fde1db}.attention-icon.blue{color:#2d5f6a;background:#dceff1}.attention-icon.green{color:#1d655b;background:#cdf1e8}.attention-copy strong{color:#1f2a30}.attention-copy span{color:#596b6e}.attention-item button{color:#346268}.tip-card{background:#e9f5f3;border:1px solid #d2e9e5}.tip-icon{color:#16737b}.tip-card p{color:#5b7273}.toolbar{gap:14px}.search-field input{min-height:44px;color:#1f2a30;background:#fffefa}.search-field svg{color:#526b6d}.filter-tabs{background:#e4ece9}.filter-tabs button{color:#405558;min-height:38px}.filter-tabs button.selected{color:#1f2a30;background:#fffefa}.table-head-row{color:#4d6062}.table-head-hint{color:#5f7072}.data-row{color:#4c5e60;border-color:#e6eeeb}.data-row.data-header{color:#607375}.invoice-cell strong{color:#26383b}.invoice-file,.table-avatar{background:#e8efec;color:#526b6d}.invoice-file.success{background:#dff2e5;color:#317052}.invoice-file.warning{background:#fde6e0;color:#9b4336}.table-avatar{background:#e7e1f1;color:#5a4d81}.amount-cell{color:#26383b}.amount-cell small{color:#5f7072}.date-overdue{color:#a13e36}.status-badge{font-size:10px}.status-badge.paid{color:#3c6b3f;background:#e3f3de}.status-badge.issued{color:#2e6072;background:#e0f0f4}.status-badge.overdue{color:#943b30;background:#fde4df}.status-badge.draft{color:#59676a;background:#eef1ef}.status-badge.partial,.status-badge.queued{color:#5a4d81;background:#eee9fa}.row-action{width:36px;height:36px;color:#526367}.row-action:hover{color:#174e57;background:#eaf4f2}.empty-row{color:#5b6c6e}.empty-row svg{color:#527477}.customer-monogram{color:#305b61;background:#e2f1ee}.customer-card h3{color:#1f2a30}.customer-card>p,.customer-meta,.customer-contact span,.muted{color:#5d7072}.customer-contact{border-color:#e3ece9}.mini-avatar{color:#31705e;background:#ddf0e7}.add-customer:hover{border-color:#8bb8b3;background:#f3faf8}.add-icon{color:#2e6970;background:#e2f1ee}.payment-hero,.recurring-banner{border:1px solid #d3e7e3;box-shadow:0 10px 25px #1d30330a}.payment-hero{background:#e2f4f2}.payment-hero h2{color:#1f2a30}.payment-hero p,.payment-hero-note span{color:#5c7374}.payment-hero-note{color:#286a6a;background:#ffffff9e}.recurring-banner{background:#eae6f5}.recurring-banner-icon{color:#5a4d81;background:#d8d0ee}.recurring-banner p{color:#5e5972}.banner-pill{color:#5a4d81;background:#ffffffbf}.plan-main p,.plan-amount small{color:#5f7072}.plan-status.active{color:#3c6b3f;background:#e3f3de}.plan-status.paused{color:#82573d;background:#f7e8d6}.reminder-stat{border-color:#dce6e2;background:#fffefa}.pill{color:#536568;background:#e9efed}.coral-pill{color:#943b30;background:#fde4df}.verified-pill{color:#3c6b3f;background:#e3f3de}.login-art{background:linear-gradient(145deg,#f4fbf9,#e0f1ef);border-right-color:#d6e5e1}.login-art .brand-lockup{color:#1f2a30}.login-art .mark{background-color:#fff}.art-label{color:#536c6e}.art-copy .eyebrow{color:#087582}.art-copy h1{color:#1f2a30}.art-copy>p:last-child,.mini-stat small{color:#586a6d}.orbit{border-color:#0875823d}.orbit-two{border-color:#08758226}.grid-mark{background-image:linear-gradient(rgba(8,117,130,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(8,117,130,.5) 1px,transparent 1px)}.mini-stat strong{color:#1f2a30}.mini-icon.green{color:#1d655b;background:#cdf1e8}.login-card{width:min(430px,calc(100% - 48px))}.login-heading h2{color:#1f2a30;font-size:34px}.login-heading p:last-child{color:#586a6d}.login-card label{color:#405457}.auth-switch{color:#0a6f7c}.login-note{color:#647477}.form-error{color:#8d382f;background:#fff0ec;border:1px solid #f0c9c1}.toast{color:#24594a;background:#e2f4eb;border-color:#b7dfcb;box-shadow:0 12px 30px #1d303324}.toast svg{color:#317052}.modal-backdrop{background:#111c209e}.modal{border:1px solid #dce6e2;border-radius:18px;box-shadow:0 28px 80px #0c181c4d}.modal-head h2{color:#1f2a30}.modal-foot{border-color:#dce6e2}@media(max-width:900px){.sidebar{left:-296px}.sidebar.sidebar-open{left:0}.close-sidebar{display:grid;place-items:center;min-width:44px;min-height:44px}.topbar{padding:0 26px}.content{padding:38px 26px 56px}}@media(max-width:650px){.content{padding:28px 17px 44px}.topbar{padding:0 16px}.page-header h1{font-size:32px}.header-actions{gap:8px}.header-actions>*{flex:1}.header-actions .primary-btn,.header-actions .ghost-btn{justify-content:center}.filter-tabs button{min-height:40px}.modal-backdrop{padding:12px}.modal{max-height:calc(100vh - 24px);padding:21px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sidebar{width:260px;flex-basis:260px;height:100dvh;min-height:100vh;position:sticky;top:0;align-self:flex-start;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.sidebar-group{margin-top:18px}.sidebar-group-toggle{width:100%;min-height:34px;padding:0 12px 8px;display:flex;align-items:center;justify-content:space-between;color:#a9babc;background:transparent;text-align:left;text-transform:uppercase;letter-spacing:.15em;font-size:9px;font-weight:700}.sidebar-group-toggle:hover{color:#fff}.sidebar-group-toggle svg{transition:transform .2s ease}.sidebar-group-toggle[aria-expanded=false] svg{transform:rotate(-90deg)}.sidebar-group nav{display:grid;gap:4px}.sidebar-bottom{padding-top:10px}.workspace-select{min-height:62px;margin-top:28px;margin-bottom:23px;align-items:flex-start}.workspace-copy{padding-top:2px}.workspace-copy strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;overflow-wrap:anywhere;line-height:1.3}button.workspace-select{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer}button.workspace-select:hover{background:#ffffff21;border-color:#ffffff57}.entity-picker{position:relative;margin:28px 0 23px}.entity-picker .workspace-select{margin:0}.entity-picker .workspace-select>svg{flex:0 0 16px;margin-top:6px}.entity-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:30;display:grid;gap:3px;padding:6px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#27343a;box-shadow:0 18px 34px #0812164d}.entity-menu .entity-option{min-height:42px;padding:8px;border-radius:8px;color:#dbe7e5}.entity-menu .entity-option:hover,.entity-menu .entity-option:focus-visible{color:#fff;background:#ffffff1a}.entity-menu .entity-option.selected{color:#fff;background:#c9f1f01f}.entity-menu .entity-option>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav-groups{display:grid;gap:4px}.sidebar-nav-groups nav{gap:2px}.sidebar-group{margin-top:8px}.sidebar-group:first-child{margin-top:0}.sidebar-group-toggle{min-height:25px;padding-bottom:4px}.sidebar .nav-item{min-height:38px;padding-top:7px;padding-bottom:7px}.workspace-select{min-height:58px;margin-bottom:16px}.entity-picker{margin-bottom:16px}.sidebar-settings{display:grid;gap:4px;padding:12px 0 14px;border-top:1px solid rgba(255,255,255,.14)}@media(max-width:900px){.sidebar{position:fixed;top:0;bottom:0;left:-280px;height:100dvh}}.check-line input{width:16px;height:16px}.rule-list{display:grid;gap:8px;margin-bottom:18px}.rule-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:9px;padding:11px 12px}.rule-row strong,.rule-row span{display:block}.rule-row span{color:#999d99;font-size:10px;margin-top:4px}.modal-help{margin:-5px 0 2px;color:#777c78;font-size:11px;line-height:1.5}.invoice-design-panel{grid-column:1 / -1}.invoice-design-layout{display:grid;grid-template-columns:minmax(270px,.78fr) minmax(340px,1.22fr);gap:26px;align-items:start}.invoice-design-layout .field-row{align-items:start}.customer-address{color:#5d7072!important;font-size:10px!important;line-height:1.45;margin-top:10px!important}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.service-card{min-height:220px;background:#fffefa;border:1px solid #dce6e2;border-radius:16px;box-shadow:0 8px 24px #1d30330b;padding:19px;display:flex;flex-direction:column}.service-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.service-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#dff1e8;color:#327865}.service-card-actions{display:flex;gap:3px}.service-card h3{color:#1f2a30;font:600 15px Space Grotesk;letter-spacing:-.03em;margin:17px 0 7px}.service-card>p{color:#5d7072;font-size:11px;line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.service-card-meta{margin-top:auto;padding-top:16px;display:flex;flex-direction:column;gap:4px;border-top:1px solid #eceae4}.service-card-meta strong{color:#1f2a30;font:600 16px Space Grotesk}.service-card-meta span{color:#5d7072;font-size:10px}.service-empty{grid-column:1 / -1;gap:10px}.service-empty .primary-btn{margin-top:5px}.word-count{color:#6a7a7d;font-size:10px;font-weight:500}.word-count.over{color:#b85542}@media(max-width:1050px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.service-grid{grid-template-columns:1fr}.service-empty{grid-column:auto}}.color-field{display:flex;align-items:center;gap:10px}.color-field input[type=color]{width:48px;height:40px;min-height:40px;padding:4px;cursor:pointer}.color-field code{color:#536c6e;font:11px DM Mono,monospace}.logo-upload{display:grid;gap:10px;padding-top:15px;border-top:1px solid var(--line)}.logo-upload>strong{color:var(--ink);font-size:12px}.logo-preview{min-height:84px;padding:13px;display:grid;place-items:center;border:1px dashed #b9d1ce;border-radius:11px;background:#f8fcfa}.logo-preview img{display:block;max-width:100%;max-height:76px;object-fit:contain}.logo-empty{display:flex;align-items:center;gap:8px;color:#7e9292;font-size:11px}.logo-empty svg{color:#1596a3}.logo-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.logo-actions label{display:inline-flex;align-items:center;gap:8px;width:auto;min-height:44px;padding:0 15px;border:1px solid #d8e4e1;border-radius:10px;color:#657276;background:#ffffff80;cursor:pointer}.logo-actions label:hover{color:#1a7079;background:#f1fbfa;border-color:#addfe0}.logo-meta{color:#748083;font:10px DM Mono,monospace}.logo-upload>.modal-help{display:none}.logo-format-help{margin:-3px 0 0;color:#586a6d;font-size:11px;line-height:1.55}.invoice-preview-shell{display:grid;gap:9px}.preview-heading{display:flex;align-items:center;gap:6px;color:#536c6e;font:10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em}.preview-heading svg{color:#1596a3}.preview-heading:after{content:"A4 / 210 x 297 mm";margin-left:auto;color:#7b8b8b;font-size:9px;letter-spacing:.04em}.invoice-preview{width:min(100%,430px);aspect-ratio:210 / 297;min-height:0;margin:0 auto;padding:22px;overflow:hidden;border:1px solid #dce6e2;border-top:5px solid #0b7285;border-radius:3px;background:#fff;color:#263238;box-shadow:0 16px 32px #1d30331a;font-size:10px}.invoice-preview-signature{position:relative;isolation:isolate;padding:20px;overflow:hidden;border:1px solid #e2edf6;border-radius:8px;background:#fff;color:#163153}.invoice-preview-signature-template{width:min(100%,430px);aspect-ratio:210 / 297;padding:0;overflow:hidden;border:1px solid #d5e4ef;border-radius:8px;background:#fff}.invoice-preview-signature-template img{display:block;width:100%;height:100%;object-fit:contain}.invoice-preview-signature:before,.invoice-preview-signature:after{position:absolute;z-index:-1;content:"";pointer-events:none}.invoice-preview-signature:before{top:-1px;right:-1px;width:160px;height:145px;background:linear-gradient(135deg,#e4f3fc 0,#e4f3fc 34%,#ccecff 34%,#ccecff 57%,#dff4fc 57%,#dff4fc 78%,#f1f9fd 78%);clip-path:polygon(43% 0,100% 0,100% 100%,0 100%,0 61%)}.invoice-preview-signature:after{right:-1px;bottom:-1px;width:160px;height:112px;background:linear-gradient(135deg,#fff 0,#fff 29%,#d9f2ff 29%,#d9f2ff 53%,#1caee4 53%,#1caee4 72%,#10417f 72%);clip-path:polygon(100% 0,100% 100%,0 100%)}.signature-header{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1.15fr) minmax(92px,.84fr);min-height:77px;align-items:start;gap:12px}.signature-header-left .signature-brand{order:1}.signature-header-left .signature-issuer{order:2}.signature-header-left .signature-invoice-meta{order:3}.signature-header-right .signature-brand{order:3;justify-content:flex-end}.signature-header-right .signature-issuer{order:2;padding-right:12px;padding-left:0;border-right:1px solid #c7dcec;border-left:0;text-align:right;justify-items:end}.signature-header-right .signature-invoice-meta{order:1;justify-items:start;text-align:left}.signature-header-right .signature-invoice-meta small{text-align:left}.signature-brand{min-width:0;display:flex;align-items:center;min-height:56px}.signature-brand img{display:block;width:126px;height:54px;object-fit:contain;object-position:left center}.signature-issuer{display:grid;align-content:start;gap:3px;min-width:0;min-height:62px;padding:1px 0 0 12px;border-left:1px solid #c7dcec}.signature-issuer strong{max-width:150px;font:700 12px/1.15 Space Grotesk;overflow-wrap:anywhere}.signature-issuer small,.signature-invoice-meta small{color:#6c8198;font-size:8px;line-height:1.25}.signature-invoice-meta{display:grid;justify-items:end;gap:2px;min-width:0;text-align:right}.signature-invoice-meta span,.signature-party>div>span,.signature-payment>div>span{color:#6c8198;font:8px DM Mono,monospace;letter-spacing:.12em}.signature-invoice-meta strong{font:700 16px Space Grotesk}.signature-parties{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0 18px}.signature-party{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:start}.signature-party>div{display:grid;gap:3px;min-width:0}.signature-party strong{font-size:10px;overflow-wrap:anywhere}.signature-party small{color:#6c8198;font-size:8px;line-height:1.25;overflow-wrap:anywhere}.signature-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;color:#1260bb;background:#e8f5ff}.signature-table{position:relative;z-index:1;overflow:hidden;border:1px solid #e2edf6;border-radius:7px}.signature-table-head,.signature-table-row{display:grid;grid-template-columns:minmax(0,1fr) 28px 80px 84px;gap:8px;align-items:center}.signature-table-head{min-height:31px;padding:0 10px;color:#fff;background:#10417f;font:8px DM Mono,monospace;letter-spacing:.08em}.signature-table-head span:not(:first-child),.signature-table-row>span,.signature-table-row>strong{text-align:right}.signature-table-row{min-height:53px;padding:7px 10px;color:#163153;background:#ffffffe6;border-top:1px solid #e2edf6;font-size:9px}.signature-table-row>div{display:grid;gap:3px;min-width:0}.signature-table-row>div strong{font-size:9px}.signature-table-row>div small{color:#6c8198;font-size:8px;line-height:1.2}.signature-totals{position:relative;z-index:1;display:grid;gap:7px;width:62%;margin:13px 0 0 auto;color:#163153;font-size:9px}.signature-totals>div{display:flex;justify-content:space-between;gap:12px}.signature-totals>div>strong:last-child{font:600 9px DM Mono,monospace}.signature-total{align-items:center;margin-top:3px;padding:10px;border-radius:7px;color:#1260bb;background:#edf7ff;font-size:11px}.signature-total>strong:last-child{font-size:13px!important}.signature-payment{position:relative;z-index:1;display:grid;grid-template-columns:34px minmax(0,1fr) 64px;gap:9px;align-items:center;margin-top:23px;padding:12px 10px;border-radius:7px;background:#f1f8fe}.signature-payment>div{display:grid;gap:3px;min-width:0}.signature-payment strong{font-size:9px}.signature-payment small{color:#6c8198;font-size:8px;line-height:1.25}.signature-qr{justify-items:center;padding-left:8px;border-left:1px solid #d8e8f4;color:#10417f}.signature-qr small{color:#1260bb;font-weight:700}.signature-footer{position:relative;z-index:1;display:grid;gap:3px;margin-top:26px;padding-top:12px}.signature-footer:before{width:31px;height:3px;content:"";background:#1caee4}.signature-footer strong{font-size:12px}.signature-footer small{color:#6c8198;font-size:8px}.invoice-preview-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.invoice-preview-head-right .invoice-preview-brand{order:2;justify-content:flex-end;text-align:right}.invoice-preview-head-right>div:last-child{order:1;text-align:left}.invoice-preview-head-right>div:last-child strong{text-align:left}.invoice-preview-brand{display:flex;align-items:center;gap:9px;min-width:0}.invoice-preview-brand img{width:80px;height:34px;object-fit:contain;object-position:left center}.invoice-preview-brand strong{max-width:175px;font:600 13px Space Grotesk;overflow-wrap:anywhere}.invoice-preview-logo{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;color:#1596a3;background:#e4f5f2}.invoice-preview-label{display:block;color:#748083;font:9px DM Mono,monospace;letter-spacing:.12em;text-align:right}.invoice-preview-head>div:last-child strong{display:block;margin-top:4px;font:600 12px DM Mono,monospace;text-align:right}.invoice-preview-dates{display:block;margin-top:5px;color:#748083;font-size:8px;text-align:right;white-space:nowrap}.invoice-preview-meta{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:32px 0 20px;padding-top:13px;border-top:1px solid #e7efec}.invoice-preview-meta div{display:grid;gap:3px;min-width:0}.invoice-preview-meta span,.invoice-preview-payment span{color:#748083;font:8px DM Mono,monospace;letter-spacing:.1em}.invoice-preview-meta strong{font-size:10px;overflow-wrap:anywhere}.invoice-preview-meta small{color:#748083;font-size:9px}.invoice-preview-table{display:grid;gap:0;border-top:1px solid #dce6e2}.invoice-preview-table>div{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(58px,auto) minmax(70px,auto);gap:8px;padding:9px 4px;border-bottom:1px solid #edf2ef}.invoice-preview-table>div>span:not(:first-child),.invoice-preview-table>div>strong{text-align:right}.invoice-preview-table>div:first-child{color:#748083;font:8px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em;background:#e8f4f2}.invoice-preview-table strong{font:600 10px DM Mono,monospace}.invoice-preview-total-row span:first-child{grid-column:1 / 4}.invoice-preview-grand-total{font-weight:700;border-top:2px solid #263238}.invoice-preview-payment{display:grid;gap:5px;margin-top:20px;padding-top:13px;border-top:1px solid #e7efec}.invoice-preview-payment strong{font-size:9px}.invoice-preview-payment small,.invoice-preview-notes{color:#748083;line-height:1.45}.invoice-preview-notes{margin-top:16px;font-size:9px}.payment-gateway-panel{margin-top:14px}.gateway-connected,.gateway-form{max-width:650px}.gateway-connected{display:grid;gap:10px}.gateway-status{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.gateway-connected>strong{color:var(--ink);font:600 16px Space Grotesk}.gateway-connected code{color:#536c6e;font:11px DM Mono,monospace}.gateway-connected p{margin:0;color:#586a6d;font-size:12px;line-height:1.5}.gateway-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.danger-btn{color:#8d382f}.danger-btn:hover{color:#7c2e27;border-color:#efc1b9;background:#fff4f1}.gateway-error{display:flex;align-items:flex-start;gap:8px;padding:10px 11px;color:#8d382f;background:#fff0ec;border:1px solid #f0c9c1;border-radius:9px;font-size:11px;line-height:1.45}.payment-instructions-note{display:grid;gap:4px;padding:12px 13px;color:#285d61;background:#edf8f6;border:1px solid #cce9e3;border-radius:10px;font-size:11px;line-height:1.45}.payment-instructions-note strong{color:#174f55;font-size:12px}.field-required{color:#8a5a00;font-size:10px;font-weight:700}.payment-setup-checklist{display:grid;gap:7px;padding:12px 13px;border:1px solid #d9e6e3;border-radius:10px;background:#fbfdfc}.payment-check{display:flex;align-items:flex-start;gap:9px}.payment-check-mark{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;border-radius:7px}.payment-check.ready .payment-check-mark{color:#176b52;background:#d9f1e6}.payment-check.missing .payment-check-mark{color:#855700;background:#fff0c9}.payment-check.optional .payment-check-mark{color:#647476;background:#edf1ef}.payment-check>div{display:grid;gap:2px;min-width:0}.payment-check strong{color:var(--ink);font-size:11px}.payment-check small{color:#647476;font-size:10px;line-height:1.4}.payment-setup-status{margin:2px 0 0;padding-top:8px;border-top:1px solid #e5eeeb;font-size:10px;line-height:1.45}.payment-setup-status.ready{color:#176b52}.payment-setup-status.missing,.settings-warning-text{color:#855700}.gateway-help-box{display:grid;gap:3px;max-width:650px;margin:0 0 14px;padding:12px 13px;color:#36575b;background:#f1f8fe;border:1px solid #d5e8f5;border-radius:10px;font-size:11px;line-height:1.5}.gateway-help-box strong{color:#174f55;font-size:12px}@media(max-width:900px){.invoice-design-panel{grid-column:auto}.invoice-design-layout{grid-template-columns:1fr}.team-member-row{align-items:flex-start;flex-wrap:wrap}.team-member-controls{width:100%;margin-left:42px}.team-member-controls select{flex:1}}.invoice-data-table{min-width:980px}.invoice-data-table .data-row{grid-template-columns:minmax(180px,1.35fr) minmax(150px,1.05fr) minmax(110px,.85fr) minmax(92px,.75fr) minmax(104px,.75fr) minmax(190px,1.35fr)}.invoice-data-table .amount-cell{min-width:104px;padding-right:10px;white-space:nowrap}.invoice-data-table .row-actions{min-width:190px;align-items:center;gap:5px;white-space:nowrap}.invoice-data-table .row-action{flex:0 0 28px}.data-row.data-header>button{min-width:0}.table-sort-button{display:inline-flex;align-items:center;justify-content:flex-start;gap:5px;width:fit-content;padding:0;color:inherit;background:transparent;font:inherit;letter-spacing:inherit;text-transform:inherit;text-align:left;cursor:pointer}.table-sort-button:hover,.table-sort-button.active{color:var(--ink)}.table-sort-button.align-right{justify-content:flex-end;width:100%}.table-sort-button svg{opacity:.55}.table-sort-button.active svg{opacity:1;color:#1596a3}.payment-link-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.payment-link-box input{min-width:0;color:#536c6e;background:#f7fbfa;font:10px DM Mono,monospace;text-overflow:ellipsis}.payment-link-box .ghost-btn{white-space:nowrap}.payment-link-note{display:grid;gap:4px;margin-top:15px;padding:12px 13px;color:#285d61;background:#edf8f6;border:1px solid #cce9e3;border-radius:10px;font-size:11px;line-height:1.45}.payment-link-note strong{color:#174f55;font-size:12px}.status-badge.pending{color:#8a6b2d;background:#fff1c9}.status-badge.rejected{color:#a3463a;background:#ffe2dc}.invoice-audit-list{display:grid;gap:0;max-height:420px;overflow-y:auto}.invoice-audit-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid #efede7}.invoice-audit-row:first-child{border-top:0}.invoice-audit-row>div{display:grid;gap:4px}.invoice-audit-row strong{color:var(--ink);font-size:11px;text-transform:capitalize}.invoice-audit-row span,.invoice-audit-row time{color:#718080;font-size:10px}.invoice-audit-row time{white-space:nowrap;text-align:right}.approval-public{min-height:100vh;padding:34px 20px 60px;background:radial-gradient(circle at 8% 0%,#eaf8f5 0,transparent 34%),#f7faf8;color:var(--ink)}.approval-card{width:min(820px,100%);margin:0 auto;padding:30px;border:1px solid #dce8e4;border-radius:18px;background:#fffefa;box-shadow:0 22px 60px #2343411a}.approval-unavailable{min-height:360px;display:grid;place-items:center;align-content:center;gap:12px;text-align:center}.approval-unavailable>svg{color:#ae5748;margin-top:35px}.approval-unavailable h1{margin:0;font:600 28px Space Grotesk;letter-spacing:-.04em}.approval-unavailable p{max-width:440px;margin:0;color:#66736f;font-size:13px;line-height:1.5}.approval-brand,.approval-heading,.approval-section-title,.approval-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.approval-brand{padding-bottom:22px;border-bottom:1px solid #e5eeeb}.approval-secure{display:inline-flex;align-items:center;gap:6px;color:#2b7561;font-size:11px;font-weight:700}.approval-secure svg{color:#35a17e}.approval-heading{align-items:flex-start;padding:30px 0 25px}.approval-heading h1{margin:4px 0;font:600 33px Space Grotesk;letter-spacing:-.06em}.approval-heading p:last-child{margin:0;color:#65736f;font-size:13px}.approval-heading .eyebrow,.approval-section-title .eyebrow,.approval-action .eyebrow{margin:0}.approval-status{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.approval-status span{width:7px;height:7px;border-radius:50%;background:currentColor}.approval-status.pending{color:#8a6500;background:#fff1c5}.approval-status.approved{color:#176b52;background:#ddf2e8}.approval-status.closed{color:#647476;background:#edf1ef}.approval-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:18px 0;border-top:1px solid #e5eeeb;border-bottom:1px solid #e5eeeb}.approval-meta>div,.approval-totals{display:grid;gap:4px}.approval-meta span,.approval-item-head,.approval-totals span{color:#71817d;font:10px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.approval-meta strong{font-size:12px}.approval-meta small{color:#687774;font-size:11px;overflow-wrap:anywhere}.approval-invoice{margin-top:28px;padding:21px;border:1px solid #dce8e4;border-radius:12px;background:#fff}.approval-section-title{align-items:flex-end;margin-bottom:18px}.approval-section-title h2,.approval-action h2{margin:4px 0 0;font:600 18px Space Grotesk;letter-spacing:-.035em}.approval-section-title>span{color:#6b7b77;font:11px DM Mono,monospace}.approval-items{overflow:hidden;border:1px solid #e1ebe8;border-radius:8px}.approval-item{display:grid;grid-template-columns:minmax(0,1fr) 70px 115px;gap:12px;align-items:center;min-height:50px;padding:9px 13px;border-top:1px solid #e8efed;font-size:12px}.approval-item:first-child{border-top:0}.approval-item>span:nth-child(2),.approval-item>strong{text-align:right}.approval-item-head{min-height:34px;background:#f0f7f5;border-top:0;font-size:9px}.approval-item>span:first-child{white-space:pre-line;overflow-wrap:anywhere}.approval-totals{width:min(330px,100%);margin:17px 0 0 auto;gap:8px}.approval-totals>div{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:12px}.approval-totals strong{font:600 12px DM Mono,monospace}.approval-total{margin-top:4px;padding:13px 14px;border-radius:9px;color:#17624e;background:#e7f5ef;font-weight:700}.approval-total span{color:inherit;font:inherit;letter-spacing:0;text-transform:none}.approval-total strong{color:#17624e;font-size:17px}.approval-action{display:grid;grid-template-columns:1fr 260px;gap:20px;align-items:end;margin-top:23px;padding:22px;border-radius:12px;background:#f2f8f5}.approval-action p:not(.eyebrow){max-width:420px;margin:8px 0 0;color:#66736f;font-size:12px;line-height:1.5}.approval-action label{display:grid;gap:7px;color:#5f6d69;font-size:11px;font-weight:700}.approval-action textarea{min-height:76px;resize:vertical;background:#fffefa}.approval-actions{grid-column:1 / -1;justify-content:flex-end}.reject-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border:1px solid #e0bcb4;border-radius:9px;color:#934438;background:#fff8f5;font-size:12px;font-weight:700;cursor:pointer}.reject-btn:hover{border-color:#c99288;background:#fff0ec}.reject-btn:disabled,.approval-actions button:disabled{opacity:.6;cursor:wait}.approval-result{display:flex;align-items:flex-start;gap:12px;margin-top:23px;padding:16px;border:1px solid #ecd5cd;border-radius:10px;color:#8c4438;background:#fff8f5}.approval-result.success{border-color:#cbe7da;color:#176b52;background:#effaf4}.approval-result>div{display:grid;gap:4px}.approval-result span{color:#65736f;font-size:12px;line-height:1.45}.approval-message{margin-top:13px;padding:10px 12px;color:#176b52;background:#effaf4;border-radius:8px;font-size:11px}.approval-expiry{margin:21px 0 0;color:#84908c;font-size:10px;line-height:1.45;text-align:center}@media(max-width:680px){.approval-public{padding:12px 10px 32px}.approval-card{padding:20px 16px;border-radius:12px}.approval-brand,.approval-heading{align-items:flex-start;flex-direction:column}.approval-heading{gap:12px}.approval-meta{grid-template-columns:1fr;gap:13px}.approval-invoice{padding:13px}.approval-item{grid-template-columns:minmax(0,1fr) 42px 86px;gap:7px;padding:8px;font-size:11px}.approval-action{grid-template-columns:1fr;padding:16px}.approval-actions{grid-column:auto;display:grid;grid-template-columns:1fr 1fr;width:100%}.approval-actions button{width:100%;padding:0 8px}}body{line-height:1.45}.sidebar-backdrop{display:none}.field-hint,.modal-help,.word-count{line-height:1.5}.modal-help{color:#526568;font-size:12px}.field-hint{color:#526568;font-size:11px}.word-count{font-size:11px}.data-row{font-size:12px}.data-row.data-header{font-size:10px}.invoice-cell strong,.amount-cell strong{font-size:12px}.amount-cell small,.status-badge{font-size:10px}.customer-card>p,.customer-meta,.customer-contact span,.service-card>p,.service-card-meta span{font-size:12px}.customer-address{font-size:11px!important}.table-sort-button{min-height:32px}.filter-tabs{flex-wrap:wrap}.filter-tabs button{font-size:11px}.toast{max-width:min(420px,calc(100vw - 30px));line-height:1.45}.modal-foot{position:sticky;bottom:-21px;background:var(--paper);z-index:1}@media(max-width:900px){.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;padding:0;background:#111c206b;cursor:pointer}}@media(max-width:650px){.filter-tabs{width:100%;justify-content:stretch}.filter-tabs button{flex:1 1 auto}.toolbar>.ghost-btn{flex:0 1 auto}.modal-foot{bottom:-21px}}@media(prefers-contrast:more){:root{--line: #8b9b9b;--muted: #304447}.panel,.customer-card,.plan-row,.stat-card,input,select,textarea{border-color:#718486}.sidebar .nav-item{color:#fff}.table-head-hint,.stat-label,.toolbar-summary,.customer-card>p,.customer-meta,.customer-contact span{color:#304447}}:root{--ink: #273449;--muted: #5d6b80;--line: #dce2da;--paper: #fffefa;--sidebar: #fbfaf4;--lime: #edf1e9;--coral: #e96b4f;--blue: #eaf1fb;--violet: #f0ecfa;--focus: #2d67b1;--cap-blue: #4f83cf;--cap-navy: #273449}body,button,input,select,textarea{font-family:Segoe UI,Inter,-apple-system,BlinkMacSystemFont,Roboto,Arial,sans-serif}body{background:#f5f7f3;color:var(--ink)}.app-shell,.main-area{background:#f5f7f3}.brand-lockup{color:var(--cap-navy);font-family:inherit;font-size:19px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.brand-lockup>span{font-size:0;letter-spacing:0}.brand-lockup>span:after{content:"CAPATTO";display:inline-block;font-size:18px;font-weight:700;letter-spacing:.08em}.mark{width:31px;height:31px;border:0;border-radius:7px;background:transparent url(/capatto-logo.png) center / contain no-repeat;box-shadow:none}.sidebar{width:214px;flex-basis:214px;padding:18px 10px 13px;background:var(--sidebar);color:var(--cap-navy);border-right:1px solid #d9dfd7;box-shadow:none}.sidebar .brand-lockup{color:var(--cap-navy);padding:0 3px}.sidebar .brand-lockup>span:after{font-size:18px}.sidebar .workspace-select{margin-top:27px;margin-bottom:15px;border-color:#d9dfd7;background:#fffefb;color:var(--cap-navy);box-shadow:0 1px 2px #27344908}.sidebar .workspace-avatar{background:#dce8f8;color:#3f6aab}.sidebar .workspace-copy span,.sidebar-label,.sidebar-group-toggle{color:#748078}.sidebar .nav-item{min-height:40px;padding:9px 10px;color:#506079;border-radius:8px}.sidebar .nav-item:hover{color:var(--cap-navy);background:#f0f2ec}.sidebar .nav-item.active{color:var(--cap-navy);background:#e9eee6;box-shadow:inset 0 0 0 1px #d5ded2}.sidebar .nav-count{color:#4f83cf}.sidebar .nav-item.active .nav-count{color:#3569ae}.sidebar .sidebar-group-toggle{min-height:29px}.sidebar .entity-menu{background:#fffefa;border-color:#d9dfd7;box-shadow:0 12px 28px #2734491f}.sidebar .entity-menu .entity-option{color:#506079}.sidebar .entity-menu .entity-option:hover,.sidebar .entity-menu .entity-option:focus-visible{color:var(--cap-navy);background:#f0f3ee}.sidebar .entity-menu .entity-option.selected{color:var(--cap-navy);background:#e9eee6}.sidebar .entity-option svg{color:var(--cap-blue)}.sidebar .entity-bullet{color:#3f6aab;background:#e7effa}.sidebar .sidebar-settings,.sidebar .sidebar-user{border-color:#d9dfd7}.sidebar .sidebar-user strong{color:var(--cap-navy)}.sidebar .sidebar-user span{color:#6b7787}.sidebar .sidebar-user button{color:#52627a}.sidebar .avatar{color:#335d9c;background:#dce8f8}.close-sidebar{color:#52627a}.topbar{height:60px;padding:0 30px;background:#fffefa;border-color:#dce2da}.crumb{color:#738095}.crumb strong{color:var(--cap-navy);font-weight:700}.icon-btn,.mobile-menu{color:#52627a}.content{max-width:1536px;padding:36px 30px 56px}.page{max-width:1280px}.page-header{margin-bottom:29px}.eyebrow{color:#708078;font-family:inherit;font-size:10px;font-weight:700;letter-spacing:.16em}.page-header h1{color:var(--cap-navy);font-family:inherit;font-size:34px;font-weight:700;letter-spacing:-.04em}.page-description{color:#5d6b80;font-size:13px}.primary-btn,.ghost-btn{min-height:40px;border-radius:8px;font-size:12px;box-shadow:none;transition:background .2s,border-color .2s,color .2s}.primary-btn{color:#fff;background:var(--cap-blue)}.primary-btn:hover{color:#fff;background:#3f73bd;box-shadow:none;transform:none}.ghost-btn{color:#4c5d76;border-color:#cfd9d0;background:#fffefa}.ghost-btn:hover{color:#294f84;background:#f1f5fb;border-color:#aac2e4}.text-btn{color:#3869a7}.text-btn:hover{color:#254e8b}input,select,textarea{color:var(--cap-navy);border-color:#cfd9d0;border-radius:8px;background:#fffefa}input::placeholder,textarea::placeholder{color:#6b7787}input:focus,select:focus,textarea:focus{border-color:var(--cap-blue);box-shadow:0 0 0 3px #4f83cf2e}.hero-card{background:var(--cap-navy);border-radius:12px;box-shadow:0 8px 18px #2734491f}.hero-card h2,.hero-side>strong,.stat-card strong,.panel-heading h3,.customer-card h3,.service-card h3,.modal-head h2{font-family:inherit;letter-spacing:-.03em}.hero-side{background:#eef3ed;border-color:#dce5da;border-radius:12px;box-shadow:none}.hero-side-top,.hero-side small{color:#5d6b80}.trend-positive{color:#3c825e}.progress{background:#d3ddd2}.progress span{background:#72a66e}.stat-card,.panel,.customer-card,.plan-row{border-color:#dce2da;border-radius:11px;background:#fffefa;box-shadow:0 3px 10px #27344909}.stat-label,.stat-card small,.toolbar-summary{color:#5d6b80}.stat-icon.green{color:#357054;background:#e1f0e5}.stat-icon.coral{color:#a34c3c;background:#fce5df}.stat-icon.blue{color:#3868a4;background:#e2edfb}.stat-icon.violet{color:#665498;background:#eee9f9}.tip-card{background:#f1f3ed;border-color:#dce4d8}.tip-icon{color:#5d7c63}.tip-card p{color:#5d6b80}.toolbar{gap:10px}.search-field input{background:#fffefa}.search-field svg{color:#5c6d84}.filter-tabs{background:#e8ece6;border-radius:8px}.filter-tabs button{color:#53647b}.filter-tabs button.selected{color:var(--cap-navy);background:#fffefa}.table-head-row,.table-head-hint,.data-row.data-header{color:#53647b}.data-row{color:#52627a;border-color:#e8ece3}.invoice-cell strong,.amount-cell{color:var(--cap-navy)}.invoice-file,.table-avatar{background:#e9eef4;color:#506785}.invoice-file.success{background:#e1f0e5;color:#357054}.invoice-file.warning{background:#fce5df;color:#a34c3c}.table-avatar{background:#ece8f6;color:#665498}.amount-cell small{color:#627189}.status-badge.issued{color:#2f639e;background:#e4eefb}.status-badge.paid{color:#357054;background:#e1f0e5}.status-badge.overdue,.status-badge.rejected{color:#a34c3c;background:#fce5df}.status-badge.draft{color:#53647b;background:#edf0ec}.status-badge.partial,.status-badge.queued{color:#665498;background:#eee9f9}.status-badge.pending{color:#94651f;background:#fff1d6}.row-action{color:#52627a}.row-action:hover{color:#294f84;background:#edf3fb}.empty-row{color:#5d6b80}.payment-hero{background:#eef3ed;border-color:#dce5da;border-radius:12px;box-shadow:none}.payment-hero h2{font-family:inherit}.payment-hero p,.payment-hero-note span{color:#5d6b80}.payment-hero-note{color:#3b7656;background:#fffefa}.recurring-banner{background:#f0ecfa;border-color:#e2dbf2;border-radius:12px;box-shadow:none}.recurring-banner-icon{color:#665498;background:#e1d9f3}.recurring-banner p,.plan-main p,.plan-amount small{color:#5d6b80}.plan-status.active{color:#357054;background:#e1f0e5}.plan-status.paused{color:#8a5b3c;background:#f9eadb}.pill{color:#53647b;background:#edf0ec}.coral-pill{color:#a34c3c;background:#fce5df}.login-shell{background:#fffefa}.login-art{background:#f0f3ee;color:var(--cap-navy);border-right-color:#dce2da}.login-art .brand-lockup{color:var(--cap-navy)}.art-label{color:#69778b}.art-copy .eyebrow{color:#3869a7}.art-copy h1,.mini-stat strong{color:var(--cap-navy);font-family:inherit}.art-copy>p:last-child,.mini-stat small{color:#5d6b80}.orbit{border-color:#4f83cf3d}.orbit-two{border-color:#4f83cf26}.grid-mark{background-image:linear-gradient(rgba(79,131,207,.45) 1px,transparent 1px),linear-gradient(90deg,rgba(79,131,207,.45) 1px,transparent 1px)}.mini-icon.green{color:#357054;background:#e1f0e5}.login-heading .eyebrow{color:#3869a7}.login-heading h2{color:var(--cap-navy);font-family:inherit}.login-heading p:last-child,.login-note{color:#5d6b80}.login-card label{color:#40536c}.auth-switch{color:#3869a7}.form-error{color:#9a4034;background:#fff0ec;border-color:#f1cfc8}.modal-backdrop{background:#2734496b}.modal{border-color:#dce2da;border-radius:12px;box-shadow:0 20px 56px #27344933}.modal-head h2{color:var(--cap-navy)}.modal-foot{border-color:#dce2da}.modal-help,.field-hint{color:#5d6b80}.approval-public{background:#f5f7f3}.approval-card{border-color:#dce2da;border-radius:12px;box-shadow:0 16px 42px #27344917}.approval-heading h1,.approval-section-title h2,.approval-action h2,.approval-unavailable h1{font-family:inherit}@media(max-width:900px){.sidebar{left:-226px}.sidebar.sidebar-open{left:0}.sidebar-backdrop{background:#27344947}}@media(max-width:650px){.topbar{height:58px}.content{padding:28px 17px 44px}}:root{--cap-blue: #3f73bd;--focus: #245b9f}.sidebar .workspace-copy span,.sidebar-label,.sidebar-group-toggle,.art-label{color:#53647b}.sidebar .nav-count{font-size:10px}.sidebar .nav-count,.sidebar .nav-item.active .nav-count{color:#3569ae}.sidebar .sidebar-user span{color:#52627a;font-size:11px}.sidebar-label,.sidebar-group-toggle{font-size:10px}.sidebar .sidebar-group-toggle:hover,.sidebar .sidebar-group-toggle:focus-visible,.sidebar .sidebar-group-toggle[aria-expanded=true]{color:#273449;background:transparent;border-radius:0}.eyebrow{color:#53647b}.chart-labels,.chart-tooltip span{font-size:10px}.stat-label{font-size:12px}.stat-card small{font-size:11px}.attention-copy span,.attention-item button,.tip-card strong,.tip-card p,.table-head-row{font-size:12px}.data-row.data-header,.status-badge,.customer-meta,.customer-contact strong,.customer-contact span,.muted,.payment-hero p,.payment-hero-note strong,.payment-hero-note span,.method-pill,.pill,.verified-pill{font-size:11px}.plan-title span{font-size:10px}.setting-fields label,.modal-form label,.template-row label{font-size:12px}.template-meta span,.invoice-items-heading>span,.rule-row span{font-size:11px}.team-member-main span,.team-member-main small,.approval-settings-note{font-size:11px}.logo-meta,.preview-heading:after,.field-required{font-size:11px}.payment-link-box input{font-size:11px}.default-list strong{font-size:12px}.default-list small{color:#53647b;font-size:11px}.payment-setup-status,.payment-check small,.gateway-help-box,.payment-instructions-note,.payment-link-note{font-size:11px}.invoice-audit-row span,.invoice-audit-row time,.approval-meta span,.approval-item-head,.approval-totals span,.approval-meta small,.approval-expiry,.approval-message{color:#53647b;font-family:inherit;font-size:11px}.approval-message{color:#176b52}.approval-expiry{color:#53647b}.crumb,input::placeholder,textarea::placeholder,.setting-fields label,.modal-form label,.approval-heading p:last-child,.approval-section-title>span,.approval-result span,.approval-unavailable p{color:#53647b}.customer-card>p,.customer-meta,.customer-contact span,.muted,.reminder-stat span:not(.stat-icon),.empty-card{color:#53647b}.recurring-banner p{color:#53647b}.coral-pill{color:#934936}.plan-status.active,.verified-pill{color:#4f702d}.plan-status.paused{color:#7c4c30}.trend-positive{color:#2f6e4e}.hero-card p,.chart-labels,.chart-tooltip span{color:#b8c0c9}.chart-tooltip strong{color:#eaf1fb}.loading-state,.splash{color:#53647b}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #3f73bd38}.primary-btn:hover{background:#2f62aa}@media(prefers-contrast:more){:root{--line: #718486;--muted: #304447}.sidebar .nav-item{color:#273449}.sidebar .nav-item.active{outline:2px solid #273449;outline-offset:-2px}.panel,.customer-card,.plan-row,.stat-card,input,select,textarea{border-color:#718486}}body{font-size:15px;line-height:1.5}.workspace-copy strong{font-size:14px}.sidebar .nav-item{min-height:42px;font-size:14px}.sidebar-label,.sidebar-group-toggle{font-size:11px;letter-spacing:.13em}.sidebar .sidebar-user strong{font-size:13px}.sidebar .sidebar-user span{font-size:12px}.crumb,.user-chip{font-size:13px}.page-header{margin-bottom:32px}.page-header h1{font-size:clamp(30px,2.5vw,40px);line-height:1.08}.page-description{font-size:15px;line-height:1.5}.primary-btn,.ghost-btn{min-height:44px;padding:0 17px;font-size:14px}.ghost-btn.small{min-height:36px;font-size:12px}.text-btn{font-size:13px}.hero-kicker{font-size:11px}.hero-card h2{font-size:clamp(40px,4vw,48px)}.hero-card p{font-size:14px}.hero-side-top{font-size:13px}.hero-side small,.trend-positive{font-size:12px}.stat-label{font-size:13px}.stat-card strong{font-size:26px}.stat-card small{font-size:12px}.panel-heading h3{font-size:18px}.attention-copy strong{font-size:14px}.attention-copy span,.attention-item button,.tip-card strong,.tip-card p{font-size:13px}.search-field input{font-size:14px;min-height:44px}.filter-tabs button,.toolbar-summary,.table-head-row{font-size:13px}.data-row{min-height:64px;font-size:13px}.data-row.data-header{min-height:40px;font-size:12px}.invoice-cell strong,.amount-cell strong{font-size:13px}.amount-cell small,.status-badge{font-size:12px}.customer-card h3,.service-card h3{font-size:17px}.customer-card>p,.customer-meta,.customer-contact strong,.customer-contact span,.service-card>p,.service-card-meta span{font-size:13px}.payment-hero h2{font-size:42px}.payment-hero p{font-size:14px}.payment-hero-note strong{font-size:13px}.payment-hero-note span,.method-pill,.pill,.verified-pill{font-size:12px}.plan-title strong{font-size:14px}.plan-main p{font-size:13px}.plan-amount{font-size:14px}.plan-amount small{font-size:12px}.plan-title span{font-size:11px}.setting-fields label,.modal-form label,.template-row label{font-size:13px}.setting-fields input,.modal-form input,.modal-form select,.modal-form textarea{font-size:14px}.modal-help,.field-hint,.word-count{font-size:12px}.invoice-numbering-settings{display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fbfcf8}.subsection-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.subsection-heading>div{display:grid;gap:4px}.subsection-heading strong{color:var(--ink);font-size:14px}.numbering-preview{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:10px;background:#eaf4ee;color:#385b48}.numbering-preview span{font-size:12px}.numbering-preview strong{font:600 16px DM Mono,monospace;color:#173f2d;overflow-wrap:anywhere;text-align:right}.modal-actions{display:inline-flex;align-items:center;gap:8px}.default-list strong{font-size:14px}.default-list small,.team-member-main strong{font-size:13px}.team-member-main span,.team-member-main small,.approval-settings-note,.payment-setup-status,.payment-check small,.gateway-help-box,.payment-instructions-note,.payment-link-note{font-size:12px}.modal-head h2{font-size:26px}.login-heading h2{font-size:34px}.login-heading p:last-child,.login-card label{font-size:14px}.login-note{font-size:12px}.approval-heading p:last-child,.approval-action p:not(.eyebrow),.approval-action label{font-size:13px}.approval-item{font-size:13px}.approval-item-head,.approval-meta span,.approval-totals span{font-size:11px}input,select,textarea{font-weight:400;line-height:1.45}.settings-page{display:flex;flex-direction:column}.settings-step-gateway{margin-top:14px}.settings-business-form .settings-grid>.settings-panel{align-self:start}.payment-settings-panel{grid-column:span 2}.payment-settings-panel .field-row>label:last-child{align-content:start}.settings-page .modal-help{max-width:72ch}.settings-page input:read-only,.settings-page select:disabled{background:#f4f6f2;color:#53647b}.email-delivery-panel{margin-top:14px}.email-delivery-form{max-width:900px}.email-delivery-status{display:flex;align-items:flex-start;gap:10px;margin:0 0 18px;padding:13px 14px;border:1px solid #d5e6dd;border-radius:10px;background:#eef8f2;color:#286547}.email-delivery-status.fallback{border-color:#eadfbc;background:#fff9e8;color:#785d1d}.email-delivery-status>div{display:grid;gap:3px}.email-delivery-status strong{color:inherit;font-size:13px}.email-delivery-status span{color:#536f61;font-size:12px;line-height:1.45}.email-delivery-status.fallback span{color:#7c6c46}.email-delivery-connection{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 13px;border:1px solid var(--line);border-radius:9px;background:#f7f8f4}.email-delivery-connection span:first-child{display:grid;gap:3px}.email-delivery-connection strong{color:var(--ink);font-size:13px}.email-delivery-connection small{color:#53647b;font-size:12px}.email-delivery-connection .modal-help{text-align:right}.settings-page .field-row{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-items:start}.settings-page .field-row>label{align-self:start;align-content:start}@media(max-width:900px){.payment-settings-panel{grid-column:auto}.email-delivery-connection{align-items:flex-start;flex-direction:column}.email-delivery-connection .modal-help{text-align:left}}.payment-public{min-height:100vh;display:grid;place-items:center;padding:24px;background:#202429}.payment-card{width:min(460px,100%);background:#f7f6f0;border-radius:18px;padding:34px;box-shadow:0 24px 70px #00000038}.payment-card .brand-lockup{color:#242521;margin-bottom:48px}.payment-card .brand-lockup .mark{background:#242521;color:#d4f27f}.payment-card h1{font:600 31px Space Grotesk;letter-spacing:-.06em;margin:4px 0 6px}.payment-recipient{color:#8c908b;margin:0 0 24px}.payment-total{display:flex;justify-content:space-between;align-items:center;padding:17px 0;margin-bottom:18px;border-top:1px solid #e4e2d9;border-bottom:1px solid #e4e2d9;color:#777b76;font-size:11px}.payment-total strong{color:#242521;font:600 23px Space Grotesk}.payment-success{display:flex;align-items:center;gap:9px;padding:14px;border-radius:9px;color:#587b3f;background:#e8f4ce;font-size:12px}.payment-footnote{color:#999d98;text-align:center;font-size:10px;line-height:1.5;margin:14px 0 0}.login-note{font-size:0!important}.login-note:after{content:"Protected local workspace";font-size:10px}.payment-public{background:linear-gradient(145deg,#071f68,#0b3a9b 55%,#20d5e8 140%)}.payment-card{background:#fff;border-color:#dce9f5}.payment-card .brand-lockup{color:#10224b}.payment-card .brand-lockup .mark{background:transparent url(/capatto-logo.png) center / contain no-repeat;color:transparent}.payment-total{border-color:#dce9f5}.payment-total strong{color:#10224b}.payment-success{color:#0752a8;background:#e0f7ff}.payment-public{background:#eef6f4}.payment-card{background:#fffefa;border:1px solid #dfe8e5}.payment-card .brand-lockup{color:#263238}.payment-card .brand-lockup .mark{background:transparent url(/capatto-logo.png) center / contain no-repeat;color:transparent}.payment-total{border-color:#dfe8e5}.payment-total strong{color:#263238}.payment-success{color:#247c83;background:#e0f6f4}.payment-public{background:#f5f7f3}.payment-card{border-color:#dce2da;border-radius:12px;box-shadow:0 16px 42px #2734491a}.payment-card .brand-lockup{color:#273449}.payment-card h1,.payment-total strong{font-family:Segoe UI,Inter,-apple-system,BlinkMacSystemFont,Roboto,Arial,sans-serif;color:#273449}.payment-recipient,.payment-total{color:#5d6b80}.payment-total{border-color:#dce2da}.payment-success{color:#2f639e;background:#e4eefb}.payment-footnote{color:#53647b;font-size:11px}.payment-recipient{color:#53647b;font-size:12px}.payment-total{font-size:12px}.payment-success{font-size:13px}.login-note:after{font-size:11px}.payment-card h1{font-size:34px;line-height:1.1}.payment-recipient{font-size:14px}.payment-total{font-size:13px}.payment-success{font-size:14px;line-height:1.45}.payment-footnote{font-size:12px}