.business-surface{--business-ink:#182b43;--business-muted:#687d93;--business-line:#dfe6ee;color:var(--business-ink);font:16px/1.65 DM Sans,Noto Sans Arabic,sans-serif}.business-surface *{box-sizing:border-box}.business-surface button{min-height:44px}.business-surface button:disabled{opacity:.45;cursor:not-allowed}.business-surface h1,.business-surface h2,.business-surface h3{white-space:pre-line}.business-surface .business-hero{padding-top:25px;padding-bottom:60px}.business-surface .breadcrumb{color:#728299;margin-bottom:25px;font-size:13px;display:inline-block}.business-surface .business-hero-heading{grid-template-columns:1.25fr 1fr;align-items:end;gap:55px;margin-bottom:38px;display:grid}.business-surface .business-hero h1{letter-spacing:-2.2px;margin-top:18px;font-size:clamp(38px,4.2vw,61px);line-height:1.15}.business-surface .business-hero-heading p{color:#6b7c92;font-size:17px;line-height:1.85}.business-surface .business-hero-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:25px;font-size:14px;display:flex}.business-surface .business-app{background:#fff;border:1px solid #d5dfe9;border-radius:12px;scroll-margin-top:110px;font-size:13px;overflow:hidden;box-shadow:0 20px 45px #162d4810}.business-surface .business-app-bar{border-bottom:1px solid var(--business-line);color:#728297;background:#fff;justify-content:space-between;align-items:center;gap:20px;padding:16px 25px;font-size:11px;display:flex}.business-surface .business-app-bar>span:first-child{letter-spacing:-1px;color:#1c3658;font-size:20px;font-weight:650}.business-surface .business-avatar{color:#3f63a0;background:#edf2fb;border-radius:50%;place-items:center;width:30px;height:30px;font-size:10px;display:grid}.business-surface .business-app-layout{grid-template-columns:165px minmax(0,1fr);min-height:560px;display:grid}.business-surface .business-sidebar{border-inline-end:1px solid var(--business-line);background:#f7f9fc;padding:24px 13px}.business-surface .business-kicker{letter-spacing:1.2px;color:#7a8b9f;margin-bottom:12px;font-size:10px;display:block}.business-surface .business-sidebar>.business-kicker{padding-inline:12px}.business-surface .business-sidebar nav{flex-direction:column;gap:6px;display:flex}.business-surface .business-sidebar nav button{text-align:start;color:#697c92;background:0 0;border:0;border-radius:5px;align-items:center;gap:11px;padding:10px 12px;font-size:12px;display:flex}.business-surface .business-sidebar nav button[aria-current=page]{color:#2563e8;background:#e7effd;font-weight:500}.business-surface .business-sidebar>.business-note{margin-top:35px;padding-inline:12px;font-size:11px;display:block}.business-surface .business-app-content{background:#fcfdfe;min-width:0;padding:25px}.business-surface .business-view-top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.business-surface .business-view-top h3{font-size:26px;font-weight:550;line-height:1.2}.business-surface .business-view-top .business-kicker{margin-bottom:7px;font-size:9px}.business-surface .business-search{color:#8493a6;background:#fff;border:1px solid #dce4ed;border-radius:5px;align-items:center;gap:8px;width:310px;max-width:50%;padding:7px 12px;display:flex}.business-surface .business-search input{background:0 0;border:0;width:100%;min-width:0;min-height:25px;padding:5px 0;font-size:11px}.business-surface .business-metrics{border:1px solid var(--business-line);background:#fff;border-radius:6px;grid-template-columns:1.2fr 1.2fr 1.2fr .9fr .6fr;gap:12px;margin-bottom:22px;padding:18px 16px;display:grid}.business-surface .business-metrics>div{border-inline-end:1px solid #e4eaf1;flex-direction:column;gap:8px;min-width:0;display:flex}.business-surface .business-metrics>div:last-child{border:0}.business-surface .business-metrics span{color:#78889c;font-size:10px}.business-surface .business-metrics strong{letter-spacing:-.6px;font-size:18px;font-weight:550}.business-surface .business-dashboard-body{grid-template-columns:minmax(0,1fr) 190px;gap:20px;display:grid}.business-surface .business-panel{border:1px solid var(--business-line);background:#fff;border-radius:6px;min-width:0;padding:17px}.business-surface .business-panel-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px;display:flex}.business-surface h4{margin:0;font-size:14px;font-weight:550}.business-surface .business-link{color:#326ac2;text-align:start;background:0 0;border:0;align-items:center;gap:7px;padding:5px 0;font-size:12px;display:inline-flex}.business-surface .business-table{width:100%}.business-surface .business-table-head,.business-surface .business-invoice-row{grid-template-columns:1.3fr .85fr 1fr .8fr 1fr;align-items:center;gap:15px;display:grid}.business-surface .business-table-head{border-bottom:1px solid var(--business-line);color:#728599;padding:12px 0;font-size:11px}.business-surface .business-invoice-row{border-bottom:1px solid #e4eaf0;padding:16px 0;font-size:12px}.business-surface .business-invoice-row:last-child{border:0}.business-surface .business-record-name{text-align:start;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:0;display:flex}.business-surface .business-record-name b{font-size:11px;font-weight:500}.business-surface .business-record-name span{font-size:12px}.business-surface .business-record-name small{color:#8191a5;font-size:10px}.business-surface .business-invoice-row>strong{white-space:nowrap;font-size:12px;font-weight:500}.business-surface .business-paid-cell{flex-direction:column;gap:4px;display:flex}.business-surface .business-paid-cell span{color:#44735b;font-size:12px}.business-surface .business-paid-cell small{color:#a26c29;font-size:11px}.business-surface .business-status{white-space:nowrap;color:#6c7c8e;background:#eff2f5;border-radius:4px;justify-self:start;padding:3px 7px;font-size:10px;line-height:1.7;display:inline-block}.business-surface .business-status.paid,.business-surface .business-status.approved,.business-surface .business-status.completed{color:#3d7756;background:#e9f3ed}.business-surface .business-status.partial,.business-surface .business-status.review{color:#926d2b;background:#fbf1df}.business-surface .business-status.sent,.business-surface .business-status.progress{color:#416bb3;background:#eaf1ff}.business-surface .business-status.unpaid,.business-surface .business-status.overdue{color:#a05246;background:#fbedea}.business-surface .is-compact.business-table .business-table-head{display:none}.business-surface .is-compact .business-invoice-row{grid-template-columns:1fr auto;gap:9px 15px}.business-surface .is-compact .business-record-name{grid-row:1/3}.business-surface .is-compact .business-invoice-row>strong{grid-area:1/2}.business-surface .is-compact .business-paid-cell{display:none}.business-surface .is-compact .business-status{grid-area:2/2;justify-self:end}.business-surface .is-compact .business-invoice-row>.business-link{grid-column:1/-1;font-size:11px}.business-surface .business-collection{border-top:1px solid var(--business-line);color:#627991;flex-wrap:wrap;justify-content:space-between;gap:9px;margin-top:15px;padding-top:16px;font-size:11px;display:flex}.business-surface .business-collection progress{accent-color:#537aae;width:100%;height:5px}.business-surface .business-activity{background:#f0f4f8;border-radius:6px;padding:18px}.business-surface .business-activity h4{margin-bottom:12px}.business-surface .business-activity>button{text-align:start;color:#637c95;background:0 0;border:0;border-bottom:1px solid #dce5ee;align-items:flex-start;gap:9px;width:100%;padding:14px 0;font-size:10px;display:flex}.business-surface .business-activity>button>span:last-child{flex-direction:column;gap:4px;display:flex}.business-surface .business-activity b{color:#314962;font-size:13px;font-weight:500}.business-surface .business-activity small{font-size:9px;line-height:1.8}.business-surface .business-activity-dot{background:#7a9bc2;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:6px}.business-surface .business-note{color:#77889c;font-size:12px;line-height:1.8}.business-surface .business-activity>.business-note{margin-top:15px;font-size:10px}.business-surface .business-app-disclosure{color:#7a899c;border-top:1px solid var(--business-line);background:#f7f9fc;padding:12px 24px;font-size:11px}.business-surface .business-search-results{flex-direction:column;display:flex}.business-surface .business-search-results>p{color:#698099;margin-bottom:15px;font-size:12px}.business-surface .business-search-results button{text-align:start;border:1px solid var(--business-line);background:#fff;justify-content:space-between;align-items:center;gap:20px;padding:17px 15px;display:flex}.business-surface .business-search-results button span{flex-direction:column;gap:5px;display:flex}.business-surface .business-search-results b{font-size:14px;font-weight:500}.business-surface .business-search-results small{color:#7a8c9f;font-size:11px}.business-surface .business-record-layout{grid-template-columns:1.15fr 1fr;gap:20px;display:grid}.business-surface .business-client-list>button{border:1px solid var(--business-line);text-align:start;background:#fff;border-radius:5px;justify-content:space-between;align-items:center;gap:14px;width:100%;margin-bottom:12px;padding:20px 14px;display:flex}.business-surface .business-client-list>button[aria-pressed=true],.business-surface .business-project-list>button[aria-pressed=true]{background:#f1f6ff;border-color:#8bb0e9}.business-surface .business-client-list>button>span{flex-direction:column;gap:7px;display:flex}.business-surface .business-client-list b{font-size:13px;font-weight:500}.business-surface .business-client-list small{color:#7a8fa1;overflow-wrap:anywhere;font-size:10px}.business-surface .business-client-list>button>span:nth-child(2){color:#73899c;font-size:10px}.business-surface .business-client-list strong{color:#a27733;font-size:11px;font-weight:500}.business-surface .business-client-detail,.business-surface .business-project-detail{background:#f1f5fa;border:1px solid #dce6f0;border-radius:6px;min-width:0;padding:22px}.business-surface .business-client-avatar{color:#4169a5;background:#dfeaf9;border-radius:7px;place-items:center;width:40px;height:40px;margin-bottom:17px;font-size:13px;display:grid}.business-surface .business-client-detail h3,.business-surface .business-project-detail h3{margin-bottom:10px;font-size:23px;font-weight:500;line-height:1.25}.business-surface .business-client-detail>small{color:#7a90a5;font-size:10px}.business-surface .business-client-counts{grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0;display:grid}.business-surface .business-client-counts>div{color:#71869b;flex-direction:column;gap:4px;font-size:11px;display:flex}.business-surface .business-client-counts b{color:#304965;font-size:22px;font-weight:500}.business-surface .business-client-detail>p{color:#6d8298;margin:22px 0;font-size:11px}.business-surface .business-client-detail>p>strong{color:#274367;margin-top:5px;font-size:24px;font-weight:500;display:block}.business-surface .business-related-record{text-align:start;background:0 0;border:0;border-bottom:1px solid #dce5ed;align-items:center;gap:10px;width:100%;padding:13px 0;font-size:11px;display:flex}.business-surface .business-related-record>span{flex:1;min-width:0}.business-surface .business-related-record small{color:#7990a6;margin-top:4px;font-size:10px;display:block}.business-surface .business-related-record>.business-status{flex:0}.business-surface .business-related-record>svg{flex-shrink:0}.business-surface .business-project-list{gap:12px;display:grid}.business-surface .business-project-list>button{border:1px solid var(--business-line);text-align:start;background:#fff;border-radius:5px;padding:17px}.business-surface .business-project-list p{color:#74899e;margin-top:7px;font-size:11px}.business-surface .business-project-list>button>div{justify-content:space-between;gap:10px;margin-top:15px;font-size:11px;display:flex}.business-surface .business-project-detail>p{color:#70859b;margin-bottom:15px;font-size:13px}.business-surface .business-project-detail dl{margin:22px 0;font-size:12px}.business-surface .business-project-detail dl>div{border-bottom:1px solid #dce5ee;justify-content:space-between;gap:15px;padding:12px 0;display:flex}.business-surface .business-project-detail dd{margin:0}.business-surface .business-document-list>button,.business-surface .business-payment-history>button{border:1px solid var(--business-line);text-align:start;background:#fff;border-radius:5px;align-items:center;gap:18px;width:100%;margin-bottom:12px;padding:20px 15px;display:flex}.business-surface .business-document-list>button>span:first-of-type,.business-surface .business-payment-history>button>span:first-of-type{flex-direction:column;flex:1;gap:6px;display:flex}.business-surface .business-document-list b,.business-surface .business-payment-history b{font-size:12px;font-weight:500}.business-surface .business-document-list small,.business-surface .business-payment-history small{color:#7c8da2;font-size:10px;display:block}.business-surface .business-document-list strong,.business-surface .business-payment-history strong{font-size:13px;font-weight:500}.business-surface .business-payment-history>button>span:nth-of-type(2){font-size:11px}.business-surface .business-invoice-filters{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.business-surface .business-invoice-filters button,.business-surface .business-doc-tabs button{color:#6c829b;background:#fff;border:1px solid #d4dfea;border-radius:5px;padding:9px 14px;font-size:12px}.business-surface .business-invoice-filters button[aria-pressed=true],.business-surface .business-doc-tabs button[aria-pressed=true]{color:var(--blue);background:#eef4ff;border-color:#93b2e8}.business-surface .business-problem{border-block:1px solid #e2e9f0;grid-template-columns:.8fr 1.2fr;align-items:center;gap:70px;padding-block:60px;display:grid}.business-surface .business-problem h2,.business-surface .business-section-heading h2,.business-surface .business-documents-story h2,.business-surface .business-fit h2{letter-spacing:-1.6px;margin:22px 0;font-size:clamp(32px,3.6vw,50px);line-height:1.2}.business-surface .business-before-after{grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;display:grid}.business-surface .business-before-after span{letter-spacing:1px;color:#7287a0;font-size:10px}.business-surface .business-before-after p{color:#7b8a9d;margin-top:14px;font-size:15px;line-height:1.9}.business-surface .business-before-after>div:last-child p{color:#334e6c}.business-surface .business-before-after>svg{color:#a0b3c8}.business-surface .business-workflow{padding-block:80px}.business-surface .business-section-heading{max-width:740px;margin-bottom:35px}.business-surface .business-section-heading p,.business-surface .business-documents-story>div>p{color:#708399;max-width:630px;font-size:17px;line-height:1.85}.business-surface .business-flow-tabs{border-bottom:1px solid #d6e1ee;margin-bottom:25px;display:flex}.business-surface .business-flow-tabs button{text-align:start;color:#778ca4;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;align-items:center;gap:12px;padding:18px 12px;font-size:13px;display:flex}.business-surface .business-flow-tabs button>span{font-size:10px}.business-surface .business-flow-tabs button>svg{margin-inline-start:auto}.business-surface .business-flow-tabs button[aria-pressed=true]{color:var(--blue);border-color:var(--blue)}.business-surface .business-flow-tabs button:last-child>svg{display:none}.business-surface .business-flow-surface{background:#edf2f8;border:1px solid #dce5ef;border-radius:10px;grid-template-columns:.85fr 1.3fr;align-items:center;gap:35px;padding:32px;animation:.25s ease-out business-in;display:grid}.business-surface .business-flow-context h3{letter-spacing:-.6px;margin-bottom:10px;font-size:27px;font-weight:500}.business-surface .business-flow-context>p{color:#6d8299;font-size:15px}.business-surface .business-flow-context dl{margin:30px 0}.business-surface .business-flow-context dl>div{border-bottom:1px solid #d5e0ea;justify-content:space-between;gap:15px;padding:12px 0;font-size:12px;display:flex}.business-surface .business-flow-context dd{margin:0;font-size:11px}.business-surface .business-flow-context>.business-note{font-size:13px;line-height:1.9}.business-surface .business-flow-context>.business-link{margin-top:22px}.business-surface .business-flow-record{min-width:0}.business-surface .business-flow-record>.business-client-detail,.business-surface .business-flow-record>.business-project-detail{background:#fff;padding:30px}.business-surface .business-button{color:#fff;background:#285fd0;border:1px solid #285fd0;border-radius:5px;justify-content:center;align-items:center;gap:12px;padding:12px 17px;font-size:13px;font-weight:500;line-height:1.6;display:inline-flex}.business-surface .business-button:hover:not(:disabled){background:#1d4eaf}.business-surface .business-button.secondary{color:#315a9c;background:#edf3ff;border-color:#b7cae8}.business-surface .business-flow-record>.business-button{margin-top:18px}.business-surface .business-paper{color:#243b54;background:#fff;border:1px solid #dfe5ed;padding:35px;font-size:13px;box-shadow:0 8px 25px #1a32400a}.business-surface .business-paper-top{border-bottom:2px solid #254f8a;justify-content:space-between;align-items:center;gap:12px;padding-bottom:20px;display:flex}.business-surface .business-paper-top>b{letter-spacing:-1px;font-size:22px}.business-surface .business-paper-top>b>span{color:#6688b4;letter-spacing:0;font-size:13px;font-weight:400}.business-surface .business-paper-top>span{letter-spacing:1px;color:#8b9aae;font-size:9px}.business-surface .business-paper-title{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;margin:30px 0;display:flex}.business-surface .business-paper-title h3{font-size:30px;font-weight:500}.business-surface .business-paper-title>span{color:#6d85a0;font-size:11px}.business-surface .business-paper-parties{grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px;display:grid}.business-surface .business-paper-parties>div{flex-direction:column;gap:6px;display:flex}.business-surface .business-paper-parties small{color:#8a9bb0;letter-spacing:1px;font-size:9px}.business-surface .business-paper-parties b{font-size:12px;font-weight:500}.business-surface .business-paper-parties span{color:#8194a9;font-size:10px}.business-surface .business-scope{border-block:1px solid #e0e6ee;margin-bottom:25px;padding:23px 0}.business-surface .business-scope p{color:#6d8199;margin:12px 0;font-size:12px;line-height:1.9}.business-surface .business-scope ol{color:#72859b;padding-inline-start:18px;font-size:11px;line-height:2}.business-surface .business-paper-line{border-block:1px solid #dfe6ee;justify-content:space-between;gap:20px;margin:25px 0;padding:23px 0;font-size:12px;display:flex}.business-surface .business-paper-line small{color:#8395a9;margin-top:8px;font-size:10px;display:block}.business-surface .business-paper-line b{white-space:nowrap;font-weight:500}.business-surface .business-paper-totals{margin:25px 0 30px;width:72%;margin-inline-start:auto;font-size:12px}.business-surface .business-paper-totals>div{justify-content:space-between;gap:20px;padding:8px 0;display:flex}.business-surface .business-paper-totals dd{margin:0}.business-surface .business-paper-totals>div:nth-child(3){border-top:1px solid #dfe6ee;margin-top:8px;padding-top:14px;font-size:17px;font-weight:550}.business-surface .business-paper>p{color:#8a99ac;font-size:10px;line-height:1.8}.business-surface .business-paper-footer{color:#8c9bb0;letter-spacing:.7px;border-top:1px solid #dfe6ee;justify-content:space-between;gap:15px;margin-top:25px;padding-top:15px;font-size:8px;display:flex}.business-surface .business-invoice-focus,.business-surface .business-flow-payment{background:#fff;border:1px solid #dce5ef;border-radius:7px;padding:35px}.business-surface .business-invoice-focus>.business-kicker{margin-top:18px}.business-surface .business-invoice-focus h3{letter-spacing:-.8px;margin-bottom:17px;font-size:27px}.business-surface .business-payment-breakdown{grid-template-columns:repeat(3,1fr);gap:18px;margin:32px 0;display:grid}.business-surface .business-payment-breakdown>div{flex-direction:column;gap:10px;display:flex}.business-surface .business-payment-breakdown span{color:#7a8ba0;font-size:11px}.business-surface .business-payment-breakdown b{font-size:17px;font-weight:500}.business-surface .business-invoice-focus>p{color:#7a8c9f;margin-bottom:20px;font-size:12px}.business-surface .business-invoice-focus>.business-link{margin-inline-start:20px}.business-surface .business-flow-payment{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:410px;display:flex}.business-surface .business-payment-check{color:#59836b;background:#eef5f1;border-radius:50%;place-items:center;width:62px;height:62px;display:grid}.business-surface .business-flow-payment h3{font-size:29px;font-weight:500;line-height:1.25}.business-surface .business-flow-payment>p{color:#7c8da1;font-size:12px}.business-surface .business-flow-payment>strong{font-size:29px;font-weight:500}.business-surface .business-flow-payment>span:not(.business-payment-check){color:#7b90a6;margin-top:-14px;font-size:12px}.business-surface .business-documents-story{background:#f1f5fa;grid-template-columns:1fr 1.1fr;align-items:center;gap:75px;padding-block:80px;display:grid}.business-surface .business-doc-tabs{grid-template-columns:1fr 1fr;gap:12px;max-width:360px;margin:28px 0;display:grid}.business-surface .business-doc-tabs button{text-align:start;align-items:center;gap:13px;padding:14px;display:flex}.business-surface .business-documents-story>div>p.business-note{max-width:360px;margin-top:20px;font-size:12px}.business-surface .business-document-stage{transform:rotate(1deg)}.business-surface .business-collections{padding-block:80px}.business-surface .business-financial-summary{background:#f5f8fc;border:1px solid #d9e3ef;border-radius:7px;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:25px;padding:25px 30px;display:grid}.business-surface .business-financial-summary>div{flex-direction:column;gap:10px;display:flex}.business-surface .business-financial-summary span{color:#778ca4;font-size:12px}.business-surface .business-financial-summary b{letter-spacing:-.6px;font-size:25px;font-weight:500}.business-surface .business-collections-table{background:#fff;border:1px solid #dce5ee;border-radius:7px;padding:10px 25px}.business-surface .business-collections-table .business-invoice-row{padding:21px 0}.business-surface .business-collections-table .business-invoice-row strong{font-size:14px}.business-surface .business-feedback{color:#4f7c61;min-height:26px;margin:15px 0;font-size:13px}.business-surface .business-mobile-strip{grid-template-columns:1fr 340px;align-items:center;gap:100px;margin-top:65px;display:grid}.business-surface .business-mobile-strip h3{letter-spacing:-1px;margin:20px 0;font-size:35px;line-height:1.25}.business-surface .business-mobile-strip p{color:#6f839a;max-width:540px;font-size:16px;line-height:1.9}.business-surface .business-mobile-card{background:#fff;border:5px solid #2c3c50;border-radius:22px;flex-direction:column;gap:18px;padding:26px;display:flex;box-shadow:10px 15px 30px #21344d13}.business-surface .business-mobile-card>span{color:#2e62ac;font-size:13px}.business-surface .business-mobile-card h4{font-size:23px;font-weight:500}.business-surface .business-mobile-card>b{color:#788ca3;font-size:12px;font-weight:400}.business-surface .business-mobile-card>div{border-block:1px solid #e3eaf1;flex-direction:column;gap:8px;padding:20px 0;display:flex}.business-surface .business-mobile-card>div>span{color:#778ba3;font-size:12px}.business-surface .business-mobile-card strong{font-size:27px;font-weight:500}.business-surface .business-features{border-top:1px solid #e2e9f0;padding-block:75px}.business-surface .business-features>div:last-child{grid-template-columns:repeat(4,1fr);gap:35px;display:grid}.business-surface .business-features article{border-top:1px solid #d8e2ed;padding-top:22px}.business-surface .business-features article>span{color:#8296ae;font-size:11px}.business-surface .business-features h3{margin:15px 0;font-size:21px;font-weight:500}.business-surface .business-features article p{color:#73869c;font-size:14px;line-height:1.9}.business-surface .business-fit{background:#f4f7fb;grid-template-columns:1fr 1fr;align-items:center;gap:75px;padding-block:65px;display:grid}.business-surface .business-fit>p{color:#708398;font-size:17px;line-height:1.9}.business-surface .business-final .erp-brand-cta-copy>p{color:#657b96}.business-surface .business-final .business-hero-actions{margin-top:22px}.business-surface .business-final h2{font-size:clamp(32px,3.5vw,50px)}.business-surface.business-dialog{z-index:100;background:#f3f6fa;border:1px solid #d4dfec;border-radius:10px;gap:15px;width:min(790px,100vw - 30px);max-width:790px;max-height:calc(100dvh - 35px);padding:28px;font-size:14px;overflow:auto}.business-surface.business-dialog [data-slot=dialog-title]{margin-inline-end:40px;font-size:24px;font-weight:500;line-height:1.4}.business-surface.business-dialog [data-slot=dialog-description]{color:#7b8ca0;font-size:12px}.business-surface .business-close{top:15px;background:#e7edf5;border:0;border-radius:50%;place-items:center;width:40px;min-height:40px;display:grid;position:absolute;inset-inline-end:15px}.business-surface .business-document-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:5px;display:flex}.business-surface.business-payment-dialog{max-width:510px}.business-surface .business-payment-form{flex-direction:column;gap:20px;margin-top:10px;display:flex}.business-surface .business-payment-form label{color:#536e8c;flex-direction:column;gap:8px;font-size:13px;display:flex}.business-surface .business-payment-form input,.business-surface .business-payment-form select{color:#263f59;background:#fff;border:1px solid #cfdde9;border-radius:5px;width:100%;min-width:0;min-height:46px;padding:10px 12px;font-size:14px}.business-surface .business-form-pair{grid-template-columns:1fr 1fr;gap:18px;display:grid}.business-surface .business-payment-target{background:#e7eef8;border-radius:6px;flex-direction:column;gap:12px;padding:18px;font-size:13px;display:flex}.business-surface .business-payment-target>b{font-size:14px;font-weight:500}.business-surface .business-payment-target>span{color:#6c819b;justify-content:space-between;gap:15px;display:flex}.business-surface[dir=rtl] h1,.business-surface[dir=rtl] h2,.business-surface[dir=rtl] h3,.arabic .business-surface h1,.arabic .business-surface h2,.arabic .business-surface h3{letter-spacing:0;line-height:1.55}.arabic .business-surface .business-flow-tabs svg,.arabic .business-surface .business-before-after>svg{transform:rotate(180deg)}.arabic .business-surface .business-kicker,.business-surface[dir=rtl] .business-kicker{letter-spacing:0}@keyframes business-in{0%{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}@media (max-width:1150px){.business-surface .business-app-layout{grid-template-columns:140px minmax(0,1fr)}.business-surface .business-app-content{padding:20px}.business-surface .business-sidebar{padding-inline:9px}.business-surface .business-sidebar nav button{gap:8px;font-size:11px}.business-surface .business-metrics{grid-template-columns:repeat(3,1fr);gap:18px}.business-surface .business-metrics>div:nth-child(3){border:0}.business-surface .business-dashboard-body{grid-template-columns:1fr 160px;gap:15px}.business-surface .business-view-top{align-items:start}.business-surface .business-search{width:250px}.business-surface .business-record-layout{grid-template-columns:1fr}.business-surface .business-table-head,.business-surface .business-invoice-row{grid-template-columns:1.2fr .8fr .8fr .7fr .8fr;gap:10px}.business-surface .business-problem{gap:40px}.business-surface .business-before-after{gap:20px}.business-surface .business-flow-tabs button{gap:8px;padding-inline:8px;font-size:12px}.business-surface .business-flow-surface{gap:25px;padding:25px}.business-surface .business-documents-story{gap:45px}.business-surface .business-paper{padding:26px}.business-surface .business-financial-summary b{font-size:22px}.business-surface .business-mobile-strip{gap:50px}.business-surface .business-features>div:last-child{grid-template-columns:repeat(2,1fr);gap:35px}}@media (max-width:760px){.business-surface .business-hero{padding-top:20px;padding-bottom:45px}.business-surface .business-hero-heading{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.business-surface .business-hero h1{letter-spacing:-1.6px;font-size:39px}.business-surface .business-hero-heading p{font-size:16px}.business-surface .business-hero-actions{gap:18px;margin-top:20px;font-size:13px}.business-surface .business-app-bar{gap:14px;padding:15px}.business-surface .business-app-bar>span:nth-child(2){text-align:end;max-width:130px;font-size:9px}.business-surface .business-app-bar>.business-avatar{display:none}.business-surface .business-app-layout{min-height:0;display:block}.business-surface .business-sidebar{border:0;border-bottom:1px solid var(--business-line);background:#f4f7fb;padding:14px}.business-surface .business-sidebar>.business-kicker,.business-surface .business-sidebar>.business-note{display:none}.business-surface .business-sidebar nav{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.business-surface .business-sidebar nav button{flex-direction:column;gap:6px;min-height:56px;padding:8px 3px;font-size:10px}.business-surface .business-app-content{padding:22px 15px}.business-surface .business-view-top{margin-bottom:20px;display:block}.business-surface .business-view-top h3{font-size:25px}.business-surface .business-search{width:100%;max-width:none;margin-top:18px;padding:9px 12px}.business-surface .business-search input{min-height:28px;font-size:12px}.business-surface .business-metrics{grid-template-columns:1fr 1fr;gap:20px;padding:17px}.business-surface .business-metrics>div{border:0}.business-surface .business-metrics strong{letter-spacing:-.5px;font-size:19px}.business-surface .business-metrics>div:last-child{grid-column:2}.business-surface .business-dashboard-body{grid-template-columns:1fr}.business-surface .business-panel{padding:17px}.business-surface .business-activity>button{font-size:12px}.business-surface .business-activity small{font-size:10px}.business-surface .business-activity b{font-size:14px}.business-surface .business-app-disclosure{padding:14px 16px;font-size:10px}.business-surface .business-table-head{display:none}.business-surface .business-invoice-row{grid-template-columns:1fr auto;gap:13px 12px;padding:20px 0}.business-surface .business-record-name{grid-area:1/1}.business-surface .business-record-name span{font-size:13px}.business-surface .business-invoice-row>strong{grid-area:1/2;font-size:12px}.business-surface .business-paid-cell{grid-area:2/1;gap:6px;display:flex}.business-surface .business-paid-cell span:before{content:"Paid: ";font-size:10px}.business-surface .business-paid-cell small:before{content:"Remaining: ";font-size:10px}.arabic .business-surface .business-paid-cell span:before{content:"المدفوع: "}.arabic .business-surface .business-paid-cell small:before{content:"المتبقي: "}.business-surface .business-invoice-row>.business-status{grid-area:2/2;justify-self:end}.business-surface .business-invoice-row>.business-link{grid-area:3/1/auto/-1;min-height:44px}.business-surface .is-compact .business-record-name{grid-row:1/3}.business-surface .is-compact .business-invoice-row>.business-link{grid-row:3}.business-surface .business-client-list>button{flex-wrap:wrap;gap:9px;padding:16px 12px}.business-surface .business-client-list>button>span:first-child{width:100%}.business-surface .business-client-list small{font-size:11px}.business-surface .business-client-list>button>span:nth-child(2){flex-direction:row;flex:1;justify-content:space-between;font-size:11px}.business-surface .business-client-list strong{font-size:12px}.business-surface .business-client-list>button>svg{display:none}.business-surface .business-client-detail,.business-surface .business-project-detail{padding:20px}.business-surface .business-related-record{flex-wrap:wrap;gap:7px;font-size:11px}.business-surface .business-document-list>button,.business-surface .business-payment-history>button{grid-template-columns:1fr auto;gap:15px;padding:18px 14px;display:grid}.business-surface .business-document-list>button>svg,.business-surface .business-payment-history>button>svg{display:none}.business-surface .business-document-list>button>span:first-of-type,.business-surface .business-payment-history>button>span:first-of-type{grid-column:1/-1}.business-surface .business-document-list small,.business-surface .business-payment-history small{font-size:11px;line-height:1.8}.business-surface .business-document-list>button>.business-status{justify-self:end}.business-surface .business-payment-history>button>span:nth-of-type(2){text-align:end;font-size:11px}.business-surface .business-invoice-filters{gap:9px}.business-surface .business-invoice-filters button{padding:9px 10px;font-size:11px}.business-surface .business-problem{grid-template-columns:1fr;gap:25px;padding-block:45px}.business-surface .business-problem h2,.business-surface .business-section-heading h2,.business-surface .business-documents-story h2,.business-surface .business-fit h2{letter-spacing:-1px;margin:20px 0;font-size:34px}.business-surface .business-before-after{grid-template-columns:1fr;gap:18px}.business-surface .business-before-after>svg,.arabic .business-surface .business-before-after>svg{transform:rotate(90deg)}.business-surface .business-before-after p{margin-top:10px;font-size:15px}.business-surface .business-workflow{padding-block:50px}.business-surface .business-section-heading p,.business-surface .business-documents-story>div>p{font-size:16px}.business-surface .business-flow-tabs{border:0;grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.business-surface .business-flow-tabs button{border:1px solid #d9e3ef;border-radius:5px;gap:7px;padding:12px 9px;font-size:11px}.business-surface .business-flow-tabs button>svg{display:none}.business-surface .business-flow-tabs button[aria-pressed=true]{background:#eaf1ff}.business-surface .business-flow-surface{grid-template-columns:1fr;gap:24px;padding:20px 16px}.business-surface .business-flow-context h3{font-size:25px}.business-surface .business-flow-context dl{margin:20px 0}.business-surface .business-flow-context>.business-note{font-size:12px}.business-surface .business-flow-record>.business-client-detail,.business-surface .business-flow-record>.business-project-detail{padding:20px}.business-surface .business-paper{padding:21px 17px}.business-surface .business-paper-title{margin:25px 0 22px;display:block}.business-surface .business-paper-title h3{margin-bottom:6px;font-size:27px}.business-surface .business-paper-parties{grid-template-columns:1fr;gap:20px;margin-bottom:25px}.business-surface .business-paper-top>span{letter-spacing:0;font-size:8px}.business-surface .business-paper-top>b{font-size:19px}.business-surface .business-paper-parties b{font-size:13px}.business-surface .business-paper-parties span{font-size:11px}.business-surface .business-paper-line{gap:12px;font-size:12px}.business-surface .business-paper-totals{width:100%;font-size:12px}.business-surface .business-paper>p{font-size:11px}.business-surface .business-paper-footer{letter-spacing:0;font-size:8px}.business-surface .business-scope p{font-size:13px}.business-surface .business-scope ol{font-size:12px}.business-surface .business-invoice-focus,.business-surface .business-flow-payment{padding:23px 18px}.business-surface .business-invoice-focus h3{letter-spacing:-.4px;font-size:23px}.business-surface .business-payment-breakdown{grid-template-columns:1fr;gap:15px;margin:25px 0}.business-surface .business-payment-breakdown>div{flex-direction:row;justify-content:space-between;align-items:center}.business-surface .business-payment-breakdown b{font-size:17px}.business-surface .business-invoice-focus>.business-link{margin-inline-start:0;margin-top:15px;display:flex}.business-surface .business-flow-payment h3{font-size:26px}.business-surface .business-documents-story{grid-template-columns:1fr;gap:35px;padding-block:50px}.business-surface .business-document-stage{transform:none}.business-surface .business-doc-tabs{gap:10px}.business-surface .business-doc-tabs button{padding:12px;font-size:12px}.business-surface .business-collections{padding-block:50px}.business-surface .business-financial-summary{grid-template-columns:1fr 1fr;gap:22px;padding:20px}.business-surface .business-financial-summary b{font-size:21px}.business-surface .business-financial-summary span{font-size:11px}.business-surface .business-collections-table{padding:4px 17px}.business-surface .business-collections-table .business-invoice-row>strong{font-size:12px}.business-surface .business-mobile-strip{grid-template-columns:1fr;gap:30px;margin-top:40px}.business-surface .business-mobile-strip h3{font-size:31px}.business-surface .business-mobile-strip p{font-size:15px}.business-surface .business-mobile-card{width:100%;max-width:330px;margin:auto;padding:24px}.business-surface .business-features{padding-block:50px}.business-surface .business-features>div:last-child{grid-template-columns:1fr;gap:25px}.business-surface .business-features article p{font-size:15px}.business-surface .business-fit{grid-template-columns:1fr;gap:15px;padding-block:45px}.business-surface .business-fit>p{font-size:16px}.business-surface.business-dialog{border-radius:10px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:22px 16px}.business-surface.business-dialog [data-slot=dialog-title]{font-size:23px}.business-surface .business-document-actions{flex-direction:column;align-items:stretch}.business-surface .business-document-actions>.business-button{width:100%}.business-surface .business-form-pair{grid-template-columns:1fr}.business-surface .business-payment-target>b{font-size:13px}.business-surface .business-payment-target>span{font-size:12px}.business-surface .business-final .erp-brand-cta-copy>p{font-size:16px}}@media (max-width:390px){.business-surface .business-hero h1{font-size:36px}.business-surface .business-metrics{gap:18px 10px;padding:15px}.business-surface .business-metrics strong{font-size:17px}.business-surface .business-financial-summary{gap:20px 12px;padding:18px 15px}.business-surface .business-financial-summary b{font-size:19px}.business-surface .business-paper-line{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.business-surface *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{body:has(.business-dialog) #main{display:none!important}body:has(.business-dialog) header{display:none!important}body:has(.business-dialog) footer{display:none!important}body:has(.business-dialog) [data-slot=dialog-overlay]{display:none!important}body:has(.business-dialog) [data-base-ui-portal]{position:static!important}.business-surface.business-dialog{background:#fff!important;border:0!important;width:100%!important;max-width:none!important;max-height:none!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important;transform:none!important}.business-dialog>:not(.business-paper){display:none!important}.business-surface .business-paper{box-shadow:none;color:#172f4a;break-inside:avoid;border:0;padding:15mm}}.business-surface .business-final{text-align:start;grid-template-columns:.9fr 1.1fr;align-items:center;gap:50px;display:grid}.business-surface .business-final .erp-brand-cta-art{min-width:0}.business-surface .business-final .erp-brand-cta-art img{border-radius:18px;width:100%;height:auto}.business-surface .business-sidebar nav button,.business-surface .business-metrics span,.business-surface .business-table-head,.business-surface .business-status{font-size:12px}.business-surface .business-record-name span,.business-surface .business-invoice-row>strong{font-size:13px}.business-surface .business-activity>button{font-size:12px}.business-surface .business-activity small{font-size:10px}.business-surface .business-final .erp-brand-cta-copy>p{max-width:500px;margin-top:20px}@media (max-width:760px){.business-surface .business-final{grid-template-columns:1fr;gap:28px;padding:50px 6%}.business-surface .business-sidebar nav{grid-template-columns:repeat(2,1fr)}.business-surface .business-sidebar nav button{flex-direction:row;gap:10px;min-height:44px;padding:8px;font-size:12px}.business-surface .business-metrics>div:last-child{grid-column:auto}.business-surface .business-status{font-size:11px}}@media print{.business-surface.business-dialog{box-shadow:none!important;opacity:1!important;border-radius:0!important;outline:none!important;margin:0!important;inset:auto!important;translate:none!important;rotate:none!important;scale:none!important}body:has(.business-dialog){background:#fff!important;height:auto!important;overflow:visible!important}body:has(.business-dialog)>div:not(:has(.business-dialog)){display:none!important}.business-surface.business-dialog .business-paper{width:100%!important;max-width:none!important;min-height:0!important}.business-surface.business-dialog .business-paper-parties{grid-template-columns:1fr 1fr}.business-surface.business-dialog .business-paper-title{display:flex}.business-surface.business-dialog .business-paper-totals{width:70%}}
