:root{--bg: #0B0E14;--surface: #12161F;--surface-2: #191F2B;--surface-3: #212837;--line: #262E3F;--text: #E6E9EF;--muted: #9BA4B8;--muted-2: #8089A0;--teal: #2DD4A0;--teal-dim: #1A5C48;--amber: #E8A23A;--amber-dim: #6B4E1E;--red: #FF6B5E;--red-dim: #6B2A24;--brand: #E8823A;--blue: #5B9DD9;--blue-dim: #1E3A52;--grey-dim: #212837;--c-bg: #F7F5F1;--c-surface: #FFFFFF;--c-line: #E7E2D9;--c-text: #1A1C16;--c-muted: #5C5748;--c-accent: #B5651D;--c-accent-soft: #F0E3D3;--c-good: #2F8F6B;--c-good-soft: #E3F1EA}[data-mode=light]{--bg: #F5F7FA;--surface: #FFFFFF;--surface-2: #EEF2F7;--surface-3: #E1E7EF;--line: #D6DEE8;--text: #161A22;--muted: #5C6678;--muted-2: #7C8699;--teal: #0E9F73;--teal-dim: #D5F0E5;--amber: #B5741A;--amber-dim: #FAE6CC;--red: #D4453A;--red-dim: #FAD9D5;--brand: #C25E1F;--blue: #2E6FA8;--blue-dim: #D8E6F4;--grey-dim: #E1E7EF}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:contain;margin:0}input:not([type=checkbox]):not([type=radio]),textarea,button{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}select{font-family:inherit}input[type=checkbox],input[type=radio]{width:18px;height:18px;flex-shrink:0}button{cursor:pointer;touch-action:manipulation}@media (pointer: coarse){input,select,textarea{font-size:16px!important}.btn,.cbtn-sm,.btn-c,.btn-c-ghost,.login-toggle button,.radio-opt,.doc-btns button,.logout-link,button{min-height:40px}}.mono{font-family:IBM Plex Mono,monospace}html,body{background:var(--bg);color:var(--text);font-family:IBM Plex Sans,system-ui,sans-serif}#root{min-height:100vh}a{color:var(--brand);text-decoration:none}button{background:var(--surface-2);color:var(--text);border:1px solid var(--line);padding:8px 14px;border-radius:7px;font-size:13px;font-weight:500}button:hover{border-color:var(--muted-2)}button:disabled{opacity:.4;cursor:not-allowed}button:not(.secondary):not(.danger){background:var(--brand);border-color:var(--brand);color:#12161f;font-weight:600}button.secondary{background:var(--surface-2);border-color:var(--line);color:var(--text)}button.danger{background:var(--red-dim);border-color:var(--red-dim);color:var(--red)}input,select,textarea{background:var(--surface-2);color:var(--text);border:1px solid var(--line);padding:8px 10px;border-radius:6px;font-size:12.5px;width:100%;font-family:IBM Plex Mono,monospace}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand)}select{font-family:IBM Plex Sans,sans-serif}label{display:block;margin:8px 0 4px;color:var(--muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.03em}.app{display:flex;min-height:100vh}.sidebar{width:230px;background:var(--surface);padding:16px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.sidebar-brand{display:flex;align-items:center;gap:9px;margin-bottom:14px}.brand-mark{width:28px;height:28px;border-radius:7px;flex-shrink:0;background:linear-gradient(135deg,var(--brand),#C25E1F);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#0b0e14}.brand-name{font-weight:600;font-size:13.5px;letter-spacing:.02em}.sidebar a{padding:10px 12px;border-radius:7px;color:var(--text);font-size:13px}.sidebar a.active,.sidebar a:hover{background:var(--surface-2)}.sidebar .role{margin-top:auto;color:var(--muted);font-size:12px}.sidebar-nav{display:flex;flex-direction:column;gap:2px;margin-top:6px}.notif-bell{margin-bottom:10px}.notif-bell>button{display:flex;align-items:center}.theme-toggle{display:flex;align-items:center;gap:8px;justify-content:center;width:100%;margin-bottom:10px}.theme-toggle-icon{font-size:14px;line-height:1}.notif-list{margin-top:8px;display:flex;flex-direction:column;gap:6px;max-height:260px;overflow-y:auto}.notif-item{background:var(--surface-2);border:1px solid var(--line);border-radius:7px;padding:8px 10px}.sidebar .role .badge-role{display:inline-block;background:var(--surface-2);border:1px solid var(--line);padding:3px 8px;border-radius:8px;font-size:10px;color:var(--brand);font-weight:600;margin-top:4px}.main{flex:1;padding:22px;overflow:auto;max-width:1400px;margin:0 auto;width:100%}.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px 18px;margin-bottom:14px}.grid{display:grid;gap:12px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;padding:9px 11px;background:var(--surface-2);color:var(--muted);font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-bottom:1px solid var(--line)}td{text-align:left;padding:9px 11px;border-bottom:1px solid var(--line);font-family:IBM Plex Mono,monospace}tr:last-child td{border-bottom:none}.row-total td{font-weight:700;background:var(--surface-2)}.badge{font-size:10px;padding:3px 9px;border-radius:12px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.badge.green,.badge-low{background:var(--teal-dim);color:var(--teal)}.badge.yellow,.badge-med{background:var(--amber-dim);color:var(--amber)}.badge.red,.badge-high{background:var(--red-dim);color:var(--red)}.badge.blue,.badge-blue{background:var(--blue-dim);color:var(--blue)}.badge.grey,.badge-grey{background:var(--surface-3);color:var(--muted)}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.muted{color:var(--muted)}.error{color:var(--red);margin-top:8px;font-size:13px}.kpi{font-family:IBM Plex Mono,monospace;font-size:26px;font-weight:600}.login-wrap{display:flex;justify-content:center;align-items:center;min-height:100vh}.login-box{width:360px}.topbar{display:flex;flex-direction:column;gap:8px;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0;z-index:10}.topbar-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:22px}.kpi-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:15px}.kpi-label{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:7px}.kpi-value{font-family:IBM Plex Mono,monospace;font-size:22px;font-weight:600}.kpi-sub{font-size:10.5px;color:var(--muted-2);margin-top:4px}.kpi-card.warn .kpi-value{color:var(--red)}.kpi-card.good .kpi-value{color:var(--teal)}.section-title{font-size:12.5px;font-weight:700;color:var(--text);margin:24px 0 12px;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.04em}.section-title:first-child{margin-top:0}.section-title .count{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--muted);background:var(--surface-2);padding:2px 8px;border-radius:10px;font-weight:500;text-transform:none;letter-spacing:0}.deal-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:15px 17px;margin-bottom:10px}.deal-card.overdue,.deal-card.risk-high{box-shadow:inset 3px 0 0 var(--red)}.deal-card.rolled-back{opacity:.55}.deal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:10px}.deal-id{font-family:IBM Plex Mono,monospace;font-size:12.5px;color:var(--muted)}.deal-client{font-weight:600;font-size:14.5px;margin-top:2px}.deal-meta{font-size:11px;color:var(--muted);margin-top:3px;line-height:1.5}.stepper{display:flex;align-items:center;margin:8px 0 2px;overflow-x:auto;padding-bottom:4px}.step{display:flex;flex-direction:column;align-items:center;min-width:58px;flex-shrink:0}.step-line{height:2px;flex:1;min-width:12px;background:var(--line)}.step-line.done{background:var(--teal-dim)}.step-dot{width:13px;height:13px;border-radius:50%;background:var(--surface-3);border:2px solid var(--line);z-index:1}.step-dot.done{background:var(--teal);border-color:var(--teal)}.step-dot.current{background:var(--amber);border-color:var(--amber);box-shadow:0 0 0 4px #e8a23a2e}.step-dot.overdue{background:var(--red);border-color:var(--red);box-shadow:0 0 0 4px #ff6b5e2e}.step-label{font-size:8.5px;color:var(--muted-2);text-align:center;margin-top:4px;line-height:1.2;max-width:58px}.step-label.current{color:var(--text);font-weight:600}.field{display:flex;flex-direction:column;gap:3px}.field-label{font-size:9.5px;color:var(--muted-2);text-transform:uppercase;letter-spacing:.03em}.field-value{font-family:IBM Plex Mono,monospace;font-size:13px}.field-value.profit-pos{color:var(--teal)}.field-value.profit-neg{color:var(--red)}.field-value.good{color:var(--teal)}.field-value.warn{color:var(--amber)}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.note-banner{background:var(--surface-2);border:1px solid var(--line);border-left:3px solid var(--muted-2);border-radius:8px;padding:12px 14px;font-size:12px;color:var(--muted);line-height:1.55}.note-banner.blue{border-left-color:var(--blue);color:var(--text)}.note-banner+.note-banner{margin-top:10px}.actions{display:flex;gap:7px;margin-top:12px;flex-wrap:wrap}.btn{padding:7px 13px;border-radius:6px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);font-size:11.5px;font-weight:500;cursor:pointer}.btn:hover{border-color:var(--muted-2)}.btn-primary{background:var(--brand);border-color:var(--brand);color:#12161f;font-weight:600}.btn-danger{background:var(--red-dim);border-color:var(--red-dim);color:var(--red)}.btn-teal{background:var(--teal-dim);border-color:var(--teal-dim);color:var(--teal)}.btn-blue{background:var(--blue-dim);border-color:var(--blue-dim);color:var(--blue)}.btn:disabled{opacity:.35;cursor:not-allowed}.form-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:18px;margin-bottom:22px}.form-sub{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:16px 0 10px;font-weight:600}.form-sub:first-child{margin-top:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:11px}.form-field label{display:block;font-size:10.5px;color:var(--muted);margin-bottom:5px;text-transform:uppercase;letter-spacing:.03em}.radio-row{display:flex;gap:8px;flex-wrap:wrap}.radio-opt{padding:9px 12px;border-radius:7px;border:1px solid var(--line);background:var(--surface-2);font-size:12px;cursor:pointer;flex:1;min-width:150px}.radio-opt.selected{border-color:var(--brand);background:#e8823a14}.radio-opt .rt{font-weight:600;font-size:12.5px}.radio-opt .rd{color:var(--muted);font-size:10.5px;margin-top:2px}.profit-preview{margin-top:14px;padding:12px 14px;background:var(--surface-2);border-radius:8px;display:flex;gap:22px;flex-wrap:wrap}.profit-preview .pv{display:flex;flex-direction:column;gap:2px}.profit-preview .pv-label{font-size:10px;color:var(--muted)}.profit-preview .pv-value{font-family:IBM Plex Mono,monospace;font-size:15px;font-weight:600}.docs-list{display:flex;flex-direction:column;gap:6px;margin-top:10px}.doc-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface-2);padding:8px 12px;border-radius:7px;flex-wrap:wrap}.doc-name{font-size:12px;flex:1;min-width:160px}.doc-btns{display:flex;gap:5px}.doc-btns button{font-size:10px;padding:5px 9px;border-radius:5px;border:1px solid var(--line);background:var(--surface-3);color:var(--muted)}.doc-btns button.active-missing{background:var(--red-dim);color:var(--red);border-color:var(--red-dim)}.doc-btns button.active-received{background:var(--amber-dim);color:var(--amber);border-color:var(--amber-dim)}.doc-btns button.active-verified{background:var(--teal-dim);color:var(--teal);border-color:var(--teal-dim)}.empty{text-align:center;padding:36px 20px;color:var(--muted-2);font-size:13px}.settings-box{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:12px 14px;font-size:11.5px;color:var(--muted);margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.staff-row{display:flex;align-items:center;gap:8px;justify-content:space-between;background:var(--surface-2);padding:9px 12px;border-radius:7px;margin-bottom:6px;flex-wrap:wrap}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}@media (max-width: 640px){.main{padding:12px}}.mobile-topbar,.nav-toggle{display:none}@media (max-width: 768px){.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:50;transform:translate(-100%);transition:transform .2s ease;box-shadow:2px 0 18px #0006}.app.nav-open .sidebar{transform:translate(0)}.app.nav-open:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:40}.mobile-topbar{display:block;margin:-22px -22px 14px;padding:10px 16px;position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--line)}.nav-toggle{display:inline-flex}.grid-3,.grid-4,.grid-2{grid-template-columns:1fr}.main{max-width:100%}}[data-theme=calm]{background:var(--c-bg);color:var(--c-text);font-family:Manrope,sans-serif;min-height:100vh}[data-theme=calm] a{color:var(--c-accent)}[data-theme=calm] button{background:var(--c-accent);color:#fff;border:none;padding:12px 16px;border-radius:12px;font-size:14px;font-weight:700;font-family:Manrope,sans-serif}[data-theme=calm] button:hover{opacity:.92}[data-theme=calm] button:disabled{opacity:.4;cursor:not-allowed}[data-theme=calm] button.secondary{background:transparent;color:var(--c-text);border:1.5px solid var(--c-line);font-weight:600}[data-theme=calm] button.danger{background:#fbe9e7;color:#c0503f}[data-theme=calm] input,[data-theme=calm] select,[data-theme=calm] textarea{background:#fff;color:var(--c-text);border:1.5px solid var(--c-line);border-radius:11px;padding:11px 13px;font-size:14px;font-family:Manrope,sans-serif}[data-theme=calm] input:focus,[data-theme=calm] select:focus{outline:none;border-color:var(--c-accent)}[data-theme=calm] label{color:var(--c-muted);font-size:11.5px;font-weight:600;text-transform:none;letter-spacing:0}[data-theme=calm] .card{background:var(--c-surface);border:1px solid var(--c-line);border-radius:18px;padding:20px 22px}[data-theme=calm] .login-box{border-radius:18px;padding:28px 26px}[data-theme=calm] .muted{color:var(--c-muted)}[data-theme=calm] .error{color:#c0503f}[data-theme=calm] .kpi{font-family:Manrope,sans-serif;font-weight:800}[data-theme=calm] .badge{border-radius:20px;font-weight:700}[data-theme=calm] .badge.green{background:var(--c-good-soft);color:var(--c-good)}[data-theme=calm] .badge.yellow{background:#fdf1de;color:#a87418}[data-theme=calm] .badge.red{background:#fbe9e7;color:#c0503f}[data-theme=calm] .badge.blue{background:var(--c-accent-soft);color:var(--c-accent)}[data-theme=calm] .landing{display:flex;flex-direction:column;align-items:center;padding:40px 20px}[data-theme=calm] .landing-logo{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#b5651d,#8c4a16);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:18px;margin-bottom:18px}[data-theme=calm] .landing-title{font-size:22px;font-weight:800;margin-bottom:6px;text-align:center}[data-theme=calm] .landing-sub{font-size:13.5px;color:var(--c-muted);text-align:center;margin-bottom:20px;max-width:320px;line-height:1.5}[data-theme=calm] .login-toggle{display:flex;gap:8px;margin-bottom:16px}[data-theme=calm] .login-toggle button{flex:1;padding:9px;border-radius:10px;border:1.5px solid var(--c-line);background:#fff;color:var(--c-muted);font-size:12.5px;font-weight:600}[data-theme=calm] .login-toggle button.on{background:var(--c-accent);border-color:var(--c-accent);color:#fff}[data-theme=calm] .demo-code-banner{background:var(--c-accent-soft);border-radius:11px;padding:12px 14px;font-size:12.5px;color:var(--c-accent);margin-bottom:16px;line-height:1.5}[data-theme=calm] .consent-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}[data-theme=calm] .consent-row input{margin-top:2px;flex-shrink:0;width:16px;height:16px}[data-theme=calm] .partner-box{background:var(--c-accent-soft);border-radius:12px;padding:12px 14px;margin-bottom:14px}[data-theme=calm] .capp{min-height:100vh}[data-theme=calm] .ctop{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;background:var(--c-surface);border-bottom:1px solid var(--c-line);margin:-24px -16px 24px}[data-theme=calm] .ctop-name{font-weight:700;font-size:14px}[data-theme=calm] .ctop-role{font-size:11px;color:var(--c-muted)}[data-theme=calm] .ccard{background:var(--c-surface);border:1px solid var(--c-line);border-radius:18px;padding:20px 22px;margin-bottom:14px}[data-theme=calm] .cstatus-chip{background:var(--c-good-soft);color:var(--c-good);font-size:11.5px;font-weight:700;padding:5px 12px;border-radius:20px;white-space:nowrap}[data-theme=calm] .cphases{display:flex;gap:6px;margin:14px 0 6px}[data-theme=calm] .cphase{flex:1;height:6px;border-radius:4px;background:var(--c-line)}[data-theme=calm] .cphase.done{background:var(--c-good)}[data-theme=calm] .cphase.current{background:var(--c-accent)}[data-theme=calm] .cphase-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--c-muted)}[data-theme=calm] .cdocs{margin-top:14px;padding-top:14px;border-top:1px solid var(--c-line)}[data-theme=calm] .cdocs-title{font-size:11.5px;font-weight:700;color:var(--c-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:10px}[data-theme=calm] .cdoc-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;font-size:13px;border-bottom:1px solid #F0EDE6;gap:10px;flex-wrap:wrap}[data-theme=calm] .cdoc-row:last-child{border-bottom:none}[data-theme=calm] .cdoc-state{font-size:11px;padding:4px 10px;border-radius:14px;font-weight:600}[data-theme=calm] .cdoc-state.missing{background:#fbe9e7;color:#c0503f}[data-theme=calm] .cdoc-state.received{background:#fdf1de;color:#a87418}[data-theme=calm] .cdoc-state.verified{background:var(--c-good-soft);color:var(--c-good)}[data-theme=calm] .cupload-btn{font-size:11.5px;padding:6px 12px;border-radius:8px;border:1px solid var(--c-line);background:#fff;color:var(--c-accent);font-weight:600}[data-theme=calm] .creg-table{width:100%;border-collapse:collapse;background:var(--c-surface);border-radius:14px;overflow:hidden;border:1px solid var(--c-line);font-size:12.5px}[data-theme=calm] .creg-table th{text-align:left;padding:10px 14px;background:#f1ede4;color:var(--c-muted);font-weight:700;font-size:10.5px;text-transform:uppercase}[data-theme=calm] .creg-table td{padding:10px 14px;border-top:1px solid var(--c-line);font-family:Manrope,sans-serif}[data-theme=calm] .chero{display:flex;justify-content:space-between;align-items:center;background:#f7f4ee;border-radius:12px;padding:12px 14px;margin-bottom:14px}[data-theme=calm] .chero-amount{font-size:19px;font-weight:800;color:var(--c-text)}[data-theme=calm] .chero-next{font-size:11.5px;color:var(--c-muted);text-align:right;max-width:150px;line-height:1.4}