/* Payment workspace, based on the supplied offline application video. */
:root{--green:#316ded;--green2:#102449;--muted:#7a8799;--line:#e5eaf1;--card:#fff;--shadow:0 2px 4px rgba(19,39,72,.035);color:#172438;background:#f6f8fb;font-family:'Segoe UI',Arial,sans-serif}
body{background:#f6f8fb;color:#182437;font-size:13px}.shell{grid-template-columns:222px minmax(0,1fr)}.sidebar{width:222px;background:linear-gradient(162deg,#0c192c,#173b73 58%,#0b1830);padding-bottom:64px;scrollbar-width:thin;scrollbar-color:#64748b #102348}.brand{padding:24px 15px 22px;align-items:flex-start;border:0}.brand .logo,.app-emblem{background:#2d67e8;color:#fff;box-shadow:0 3px 10px #2563eb35;border-radius:11px;width:36px;height:36px;flex:none;display:grid;place-items:center}.logo svg,.app-emblem svg{width:23px;height:23px}.brand strong{font-size:12px;line-height:1.15;color:#fff}.brand span{font-size:10px;letter-spacing:.08em;color:#7ca9ed;margin-top:7px}.nav{padding:0 10px}.nav-group-label{color:#6192d6;font-size:10px;font-weight:800;letter-spacing:.16em;padding:23px 7px 10px}.nav button{grid-template-columns:21px 1fr;gap:10px;min-height:41px;padding:9px 11px;color:#c5d7ee;border-radius:10px;margin-bottom:2px}.nav button svg{width:17px;height:17px;opacity:.86}.nav span{font-size:12px;font-weight:600}.nav button:hover{background:#ffffff10}.nav button.active{background:#fff;color:#172438;box-shadow:0 3px 10px #00000012}.sidebar-unit{position:absolute;bottom:16px;left:11px;right:11px;padding:10px;background:#ffffff0c;border:1px solid #ffffff19;border-radius:7px;font-size:11px;color:#c5d7ee}.sidebar-unit span{display:block;font-size:9px;color:#7b9bc5;margin-top:4px}.main{min-width:0}.app-masthead{display:flex;gap:14px;align-items:center;padding:20px 28px 18px;background:#fff;border-bottom:1px solid var(--line)}.app-masthead strong{font-size:15px;letter-spacing:-.2px}.app-masthead strong span{color:#2b63c8}.app-masthead p{margin:4px 0 0;color:#778397;font-size:12px}.app-emblem{width:42px;height:42px}.topbar{padding:16px 28px;min-height:92px;position:relative;background:#f6f8fb;border:0;backdrop-filter:none}.topbar h1{font-size:24px;letter-spacing:-.7px;margin-top:7px}.eyebrow{color:#3a67b6;font-size:10px;letter-spacing:.15em}.topbar .actions{gap:8px}.userbox strong{font-size:12px}.userbox span{font-size:10px}.scope-tag{font-size:9px;margin-left:9px;padding:4px 6px;border-radius:4px;letter-spacing:.06em}.scope-tag.prod{color:#426080;background:#e9eff6}.scope-tag.demo{color:#96620b;background:#fff0c2}.content{padding:10px 28px 48px;max-width:1800px;margin:auto}.stack{gap:18px}.panel,.welcome{border-radius:13px;border-color:#e9edf3;box-shadow:var(--shadow);padding:20px;background:#fff}.panel-head{align-items:center;margin-bottom:18px}.panel-head h2{font-size:15px;letter-spacing:-.2px}.panel-head p,.welcome p{font-size:12px;color:#8b95a5}.btn,input,select{min-height:34px;font-size:12px}.btn{border-radius:7px;padding:7px 13px;background:#316ded;box-shadow:0 2px 3px #245de618}.btn.secondary{background:#fff;border-color:#dce3ee;color:#536c98;box-shadow:none}.btn.dark{background:#263449;color:white}.btn.ghost{border-color:#dce3ee;color:#52667e;background:transparent;box-shadow:none}.btn.danger{background:#e35365}.btn:disabled{opacity:.4}.text-btn{color:#3269c3;font-size:12px}.toolbar{gap:8px}.toolbar input,.toolbar select{border-radius:7px;border-color:#e2e7ef}label{color:#56667c}input:focus,select:focus,textarea:focus{border-color:#6b9bee;box-shadow:0 0 0 3px #316ded12}.table-wrap{border:1px solid #e9edf3;border-radius:9px;max-width:100%;overflow:auto}.table-wrap table{min-width:820px;width:100%;border-collapse:collapse}.table-wrap th{background:#102449;color:#fff;font-size:11px;line-height:1.5;padding:10px 12px;white-space:nowrap;font-weight:600;border-bottom:0}.table-wrap th+th{border-left:1px solid #ffffff26}.table-wrap td{font-size:12px;padding:10px 12px;border-bottom:1px solid #eff2f7}.table-wrap tbody tr:nth-child(even) td{background:#fafcff}.table-wrap tr:hover td{background:#eef5ff}.table-wrap tfoot td,.table-wrap tfoot th{background:#eef3fa;color:#21344f;font-weight:700;border-top:2px solid #dce5f1}.cell-sub{display:block;font-size:10px;color:#929cad;margin-top:3px}.numeric{font-variant-numeric:tabular-nums;white-space:nowrap}.row-actions{min-width:150px}.table-wrap .row-actions button{font-size:11px}.ux-flow{box-shadow:none;border-radius:9px;padding:12px 16px;background:#f2f6ff;border-color:#dce7f9}.ux-flow>div:first-child strong{font-size:12px}.ux-step{padding:6px;font-size:10px;background:#e8eef7}.ux-step b{width:20px;height:20px;background:#d9e4f4;font-size:10px}.ux-step.done{color:#315f89;background:#e7f1fd}.ux-step.done b{background:#79a9df}.ux-step.active{background:#fff5d6;border-color:#eed68d}.scope-notice,.info-notice{display:flex;gap:12px;align-items:center;padding:12px 15px;border-radius:8px;background:#edf5ff;border:1px solid #cfdff6;color:#526b92;font-size:12px}.scope-notice{background:#fff7dc;border-color:#eedb9c;color:#8a691e;margin-bottom:18px}.scope-notice>strong{font-size:10px;white-space:nowrap}.scope-notice .text-btn{margin-left:auto;white-space:nowrap;color:#8a691e}.overview-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center}.overview-toolbar h2{font-size:19px;margin:0 0 5px;letter-spacing:-.4px}.overview-toolbar .muted{font-size:11px}.overview-toolbar select{max-width:230px}.net-cash{display:flex;justify-content:space-between;gap:18px;align-items:center;border:1px solid #cadcf4;background:#eef6ff;border-radius:9px;padding:12px 15px;color:#4c6488;font-size:12px}.net-cash>strong{color:#147452;white-space:nowrap;font-size:14px}.flow-metrics h3,.micro-title{font-size:10px;font-weight:800;color:#3e65a9;letter-spacing:.12em;margin:0 0 10px}.finance-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.finance-kpi{position:relative;border:1px solid #e8edf3;box-shadow:0 2px 3px #142e5010;background:#fff;border-radius:9px;padding:13px 15px;overflow:hidden;border-left:4px solid #72849d}.finance-kpi.violet{border-left-color:#7c61ee}.finance-kpi.blue{border-left-color:#4a82ed}.finance-kpi.green{border-left-color:#25b893}.finance-kpi.amber{border-left-color:#e8b846}.finance-kpi span{display:block;text-transform:uppercase;letter-spacing:.05em;font-size:10px;color:#8b96a5;font-weight:700}.finance-kpi strong{display:block;font-size:19px;margin:7px 0 5px;font-weight:800;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.finance-kpi small{display:block;color:#9ba4b1;font-size:10px;line-height:1.5}.warning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.warning-panel{min-width:0}.warning-panel .panel-head{border-bottom:1px solid #f0f2f6;padding-bottom:16px;align-items:flex-start}.warning-panel h2{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.flow-pill{font-size:10px;border-radius:4px;padding:3px 6px;white-space:nowrap}.flow-pill.thu{background:#e6f7ee;color:#227653}.flow-pill.chi{background:#fff3ca;color:#8d6e16}.text-danger{color:#ba2b3a}.status-strip{display:flex;overflow:hidden;border-radius:8px;background:#f0f3f8;height:19px;margin-top:12px}.status-strip>span{display:grid;place-items:center;color:#fff;font-size:10px;font-weight:700;min-width:0}.status-strip>.empty-strip{color:#8593a5;padding:0 10px}.status-legend{display:flex;flex-wrap:wrap;gap:7px 11px;margin:10px 0 22px;font-size:10px;color:#69788c}.status-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.warning-detail{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-bottom:22px}.stage-row{display:flex;justify-content:space-between;gap:12px;margin:9px 0 12px;font-size:11px}.stage-row strong{text-align:right;font-size:11px;font-weight:600;white-space:nowrap}.stage-row small{display:block;color:#8b99ac;font-size:10px;margin-top:4px}.responsibility{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;gap:7px;margin:11px 0 18px;font-size:11px}.responsibility span{background:#eeedff;color:#5556a3;border-radius:4px;padding:2px 6px}.responsibility strong{color:#b13b42;font-size:11px}.responsibility>div{width:100%;background:#f3f4f8;height:8px;border-radius:6px;overflow:hidden}.responsibility i{display:block;background:#5d70eb;height:100%;border-radius:6px}.urgent-list{max-height:230px;overflow:auto}.urgent-list button{display:flex;gap:15px;justify-content:space-between;width:100%;padding:11px 8px;border:0;border-bottom:1px solid #eef2f6;background:white;text-align:left;font:inherit;font-size:11px;color:#64748b;cursor:pointer}.urgent-list strong{color:#376ac0}.urgent-list button>span{color:#bd343f;white-space:nowrap;text-align:right}.urgent-list small{display:block;color:#9aa5b5;font-size:10px;margin-top:5px}.urgent-list button:hover{background:#f8fbff}.record-status{font-size:10px;padding:3px 6px;border-radius:5px;background:#ecf2fc;color:#4b72ac;white-space:nowrap}.record-status.late{color:#b32438;background:#fee6e9}.compact-counts{display:flex;gap:10px;flex-wrap:wrap}.compact-counts button{border:1px solid #e0e7f0;background:white;color:#4b668f;padding:10px 16px;border-radius:8px;font:inherit;font-size:12px;cursor:pointer}.compact-counts strong{font-size:17px;margin-right:8px}.interest-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.debt-tree .partner-row td{background:#edf5ff!important;font-weight:600}.debt-tree .project-row td{background:#f5f8fc!important}.debt-tree td:first-child{min-width:330px}.debt-tree .flow-pill{margin-right:7px}.confirm-demo{max-width:470px}.confirm-demo h2{font-size:20px;margin:0}.confirm-demo p{line-height:1.7;color:#65748b}.login{background:radial-gradient(circle at 20% 20%,#1f4d8f,transparent 38%),linear-gradient(135deg,#0d1c32,#173b73)}.login-card .logo{background:#316ded;color:white}.mode-panel{border-top:3px solid #4b83e7}.modal-bg{background:#0c1c3a77}.modal{border-radius:13px}.guide-card,.rule,.preview-grid>div{background:#f9fbff;border-color:#e4eaf4}.guide-steps b{background:#316ded}.mobile-nav-toggle{background:#132d56;border-color:#395880}.scope-error{padding:24px}.kpi strong{font-size:22px}
.stack{min-width:0;grid-template-columns:minmax(0,1fr)}.stack>*{min-width:0}.panel,.flow-metrics,.overview-toolbar,.overview-toolbar>.actions{min-width:0}.sidebar-unit{position:static;margin:20px 11px 0}
@media(min-width:1600px){.content{max-width:1900px}.finance-kpi strong{font-size:21px}}
@media(max-width:1400px){.topbar .userbox{display:none}.finance-kpi strong{font-size:16px}.overview-toolbar{align-items:flex-start;flex-direction:column}.warning-detail{gap:15px}.app-masthead strong{font-size:13px}}
@media(max-width:1023px){.shell{display:block}.sidebar{position:relative;width:100%;padding-bottom:0}.brand{padding:15px}.brand br{display:none}.brand span{margin-top:4px}.sidebar-unit{display:none}.nav-group-label{grid-column:1/-1;padding:12px 7px 5px}.sidebar .nav.mobile-open{padding-bottom:15px}.nav button{margin:0}.app-masthead{padding:16px 20px}.content{padding:10px 18px 35px}.topbar{padding:16px 18px;gap:12px}.topbar h1{font-size:23px}.finance-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.warning-grid{grid-template-columns:1fr}.warning-detail{grid-template-columns:1fr 1fr}.topbar .actions{justify-content:flex-start}.scope-notice{align-items:flex-start;flex-wrap:wrap}.scope-notice .text-btn{margin-left:0}.overview-toolbar .actions{width:100%}.overview-toolbar select{max-width:none;flex:1;min-width:140px}.net-cash{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:650px){.app-masthead{display:none}.topbar h1{font-size:22px}.topbar{align-items:flex-start}.topbar .actions{width:100%;gap:7px}.topbar .actions select{flex:1;min-width:140px}.topbar .actions .btn{padding:7px 10px}.content{padding:8px 12px 30px}.panel{padding:15px}.finance-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.finance-kpi{padding:11px}.finance-kpi strong{font-size:16px}.finance-kpi span{font-size:9px}.finance-kpi small{font-size:9px}.warning-detail{grid-template-columns:1fr;gap:8px}.warning-panel .panel-head .btn{align-self:flex-start}.warning-panel .panel-head{gap:12px}.panel-head{flex-direction:column;align-items:flex-start}.overview-toolbar h2{font-size:18px}.scope-notice{font-size:11px;padding:10px}.interest-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar .nav.mobile-open{grid-template-columns:repeat(2,minmax(0,1fr))}.nav span{font-size:11px}.nav button{grid-template-columns:18px 1fr}.nav button svg{width:15px;height:15px}.modal-actions{flex-wrap:wrap}.modal-actions .btn{flex:1;justify-content:center}.confirm-demo{width:100%;padding:20px}.userbox{display:none}.mode-panel .actions .btn{width:100%}.btn{min-height:36px}}