:root{--ink:#17233b;--muted:#7b879a;--line:#e5eaf1;--paper:#f5f7fa;--navy:#18345d;--teal:#39b5a2;--coral:#ec765f;--amber:#e8ae45;--purple:#7959c4}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{width:235px;position:fixed;inset:0 auto 0 0;background:var(--navy);color:#fff;padding:26px 16px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;padding:0 8px 32px}.brand-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#76d8c7;color:var(--navy);font-size:11px;font-weight:800}.brand b{display:block;font-size:14px}.brand small,.sidebar-bottom small{display:block;color:#aebdd1;font-size:11px;margin-top:5px}nav{display:grid;gap:4px}.nav-link{border:0;background:none;text-align:left;color:#aebdd1;padding:12px;border-radius:8px;font-size:12px}.nav-link.active,.nav-link:hover{background:#2a4d7d;color:#fff}.sidebar-bottom{margin-top:auto;border-top:1px solid #35557d;padding:16px 8px;display:flex;gap:9px;align-items:center;font-size:11px}.live-dot{width:8px;height:8px;background:#67d5b5;border-radius:50%;box-shadow:0 0 0 4px #2d537b}.main{margin-left:235px;width:calc(100% - 235px);max-width:1500px;padding:32px 40px 50px}.topbar,.panel-title,.top-actions,.toolbar,.table-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.eyebrow{color:#9aa7b8;font-size:10px;font-weight:700;letter-spacing:1.5px;margin:0 0 8px}.topbar h1{font-size:28px;letter-spacing:-.7px;margin:0}.muted{color:var(--muted);font-size:12px;margin:7px 0 0}.button{border:1px solid var(--line);border-radius:7px;padding:9px 12px;font-size:11px;background:#fff;color:var(--ink)}.button.primary{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:700}.button.small{padding:7px 10px;font-size:10px}.notice{display:flex;align-items:center;gap:10px;background:#e9f7f4;border:1px solid #cdebe5;color:#32766e;border-radius:8px;margin:23px 0 15px;padding:12px 14px;font-size:11px}.notice span{color:#57857f}.notice button{border:0;background:none;color:#6a9991;margin-left:auto;font-size:17px}.view{display:none}.view.active-view{display:block}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:19px;margin-bottom:14px}.panel h2{font-size:15px;margin:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;min-height:132px}.card.primary{background:var(--navy);border-color:var(--navy);color:#fff}.card-label{color:#8190a5;font-size:11px}.primary .card-label{color:#b7c8dc}.card-value{display:block;font-size:24px;margin-top:16px}.card small{display:block;color:#9ba8b9;font-size:10px;margin-top:6px}.primary small{color:#b7c8dc}.trend{color:var(--teal);font-size:10px;font-weight:700;margin-top:14px}.two-col{display:grid;grid-template-columns:1.08fr 1fr;gap:14px}.age-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:21px}.age-box{border:1px solid var(--line);border-top:4px solid var(--coral);border-radius:6px;padding:11px 9px}.age-box:nth-child(2){border-top-color:#ef9d7f}.age-box:nth-child(3){border-top-color:var(--amber)}.age-box:nth-child(4){border-top-color:var(--teal)}.age-box b{display:block;font-size:18px}.age-box span{display:block;color:var(--muted);font-size:10px;margin-top:7px}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:21px}.status-box{border:1px solid var(--line);border-radius:7px;padding:11px}.status-box b{display:block;font-size:16px}.status-box span{display:block;color:var(--muted);font-size:10px;margin-top:5px}.status-box small{display:block;color:#9ca9b9;font-size:9px;margin-top:5px}.tag{border-radius:5px;padding:5px 8px;font-size:10px}.tag.blue{background:#e8f2fc;color:#3c7ab0}.workflow{display:flex;align-items:center;gap:10px;overflow:auto;margin-top:19px}.workflow>div{min-width:145px;background:#fafbfd;border:1px solid var(--line);border-radius:8px;padding:11px}.workflow b{color:#98a7ba;font-size:9px;letter-spacing:1px}.workflow strong{display:block;font-size:11px;margin-top:8px}.workflow small{display:block;color:var(--muted);font-size:9px;margin-top:4px;white-space:nowrap}.workflow i{color:#a7b3c2;font-size:18px;font-style:normal}.action-list,.worklist,.activity-list{margin-top:14px}.action-row,.work-row,.activity-row{display:flex;align-items:center;gap:11px;border-bottom:1px solid #eef1f5;padding:13px 0}.action-row:last-child,.work-row:last-child,.activity-row:last-child{border-bottom:0}.dot{width:8px;height:8px;border-radius:50%;flex:none}.dot.coral{background:var(--coral)}.dot.amber{background:var(--amber)}.dot.blue{background:#4b96df}.action-row div,.work-row div,.activity-row div{flex:1}.action-row b,.work-row b,.activity-row b{display:block;font-size:11px}.action-row small,.work-row small,.activity-row small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.action-row button,.work-row button{border:0;background:#f1f4f8;color:#506787;border-radius:5px;padding:6px 9px;font-size:10px}.toolbar{margin:16px 0 12px;align-items:center}.search,.full-select,.toolbar select{border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);padding:9px 10px;font-size:11px;outline:0}.search{width:310px}.toolbar select{min-width:145px}.full-select{width:100%;margin:18px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:780px}th{color:#9ba8b9;font-weight:500;font-size:10px;text-align:left;padding:9px 7px;border-bottom:1px solid var(--line)}td{color:#586981;font-size:10px;padding:12px 7px;border-bottom:1px solid #f0f2f6}td b{color:var(--ink)}.customer{display:flex;align-items:center;gap:8px}.customer-icon{width:27px;height:27px;border-radius:8px;background:#e7f0fb;color:#45658d;display:grid;place-items:center;font-size:9px;font-weight:800}.customer small{display:block;color:#9aa7b8;font-size:9px;margin-top:4px}.pill{display:inline-block;border-radius:5px;padding:5px 7px;font-size:9px;font-weight:700}.pill.overdue,.pill.disputed,.pill.escalated{color:#c45849;background:#fdebe8}.pill.due-soon,.pill.promise-to-pay{color:#a9741d;background:#fff3d9}.pill.current,.pill.paid{color:#2c8b80;background:#e6f6f2}.pill.partially-paid{color:#4b7bb1;background:#e8f2fc}.more{border:0;background:none;color:#9ba8b9;letter-spacing:2px}.table-footer{color:#9ba8b9;font-size:10px;padding:13px 7px 0}.statement-layout{align-items:start}.statement-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 18px}.summary-box{background:#f7f9fb;border-radius:7px;padding:12px}.summary-box b{display:block;font-size:16px}.summary-box span{color:var(--muted);font-size:9px}.statement-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.form{display:grid;gap:13px}.form label{display:grid;gap:6px;color:#5b6c82;font-size:11px}.form input,.form select{border:1px solid var(--line);border-radius:7px;padding:9px}.helper{color:#9ba8b9;font-size:10px;line-height:1.5;margin-top:18px}.source-card{display:flex;align-items:center;gap:10px;background:#f7f9fb;border-radius:8px;padding:14px;margin-top:18px}.source-icon{width:35px;height:35px;border-radius:9px;background:#e7f0fb;color:#45658d;display:grid;place-items:center;font-size:9px;font-weight:800}.source-card b,.source-card small{display:block}.source-card small{color:var(--muted);font-size:10px;margin-top:5px}.data-check{display:flex;gap:9px;margin-top:18px}.data-check>span{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#e6f6f2;color:#2d8d82;font-size:11px}.data-check:last-child>span{background:#fff3d9;color:#a9741d}.data-check b,.data-check small{display:block}.data-check b{font-size:11px}.data-check small{color:var(--muted);font-size:10px;margin-top:4px}.modal-backdrop{position:fixed;inset:0;background:#13274666;display:grid;place-items:center;padding:20px;z-index:5}.modal{width:min(470px,100%);background:#fff;border-radius:12px;padding:22px;position:relative}.modal-close{position:absolute;top:12px;right:12px;border:0;background:#f1f4f8;border-radius:50%;width:25px;height:25px}.modal h2{font-size:18px;margin:0 0 7px}.modal form{display:grid;gap:12px}.modal label{display:grid;gap:6px;color:#586981;font-size:11px}.modal input,.modal select,.modal textarea{border:1px solid var(--line);border-radius:7px;padding:9px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.toast{position:fixed;right:25px;bottom:22px;background:var(--navy);color:#fff;border-radius:7px;padding:12px 14px;font-size:11px;z-index:8}.empty{text-align:center;padding:25px;color:var(--muted);font-size:11px}@media(max-width:1050px){.sidebar{width:195px}.main{margin-left:195px;width:calc(100% - 195px);padding:28px}.cards{grid-template-columns:repeat(2,1fr)}.status-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.app-shell{display:block}.sidebar{position:relative;width:100%;min-height:auto;padding:15px}.brand{padding-bottom:15px}nav{display:flex;overflow:auto}.nav-link{white-space:nowrap}.sidebar-bottom{display:none}.main{margin-left:0;width:100%;padding:20px 14px}.topbar{display:block}.top-actions{margin-top:16px}.cards,.two-col{grid-template-columns:1fr}.toolbar{display:grid}.search{width:100%}.age-grid{grid-template-columns:repeat(2,1fr)}.workflow i{display:none}.workflow{align-items:stretch}.workflow>div{min-width:135px}.status-grid{grid-template-columns:repeat(2,1fr)}.table-footer{display:block;line-height:1.8}}