@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=Crimson+Pro:ital,wght@0,300;0,400;0,600;1,300;1,400&family=JetBrains+Mono:wght@300;400;500&display=swap);body{margin:0;padding:0}#root{display:flex;min-height:100vh}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--ink:#0e1117;--ink2:#2d3340;--ink3:#5a6275;--ink4:#9ba3b2;--rule:#dde1e8;--rule2:#eef0f4;--bg:#f6f7f9;--white:#fff;--coral:#e84040;--coral-lt:#fef0f0;--navy:#1a2b5f;--navy-lt:#eef1f9;--teal:#0a7c6e;--teal-lt:#e6f6f4;--gold:#c07b00;--gold-lt:#fdf5e6;--violet:#6d3fa0;--violet-lt:#f3eef9;--sage:#2e7d52;--sage-lt:#eaf4ee;--s1:#3b6fd4;--s1l:#edf2fc;--s2:#8b3fd4;--s2l:#f3eeff;--s3:#0a7c6e;--s3l:#e6f6f4;--s4:#c07b00;--s4l:#fdf5e6;--s5:#6d3fa0;--s5l:#f3eef9;--s6:#e84040;--s6l:#fef0f0;--s7:#2e7d52;--s7l:#eaf4ee}body{background:#f6f7f9;background:var(--bg);color:#0e1117;color:var(--ink);display:flex;font-family:Syne,sans-serif;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:Syne,sans-serif}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#dde1e8;background:var(--rule);border-radius:10px}.sidebar{background:#0e1117;background:var(--ink);bottom:0;display:flex;flex-direction:column;flex-shrink:0;left:0;min-height:100vh;position:fixed;top:0;transition:transform .3s ease;width:240px;z-index:100}.logo-block{border-bottom:1px solid #ffffff12;padding:24px 22px 20px}.logo-row{gap:9px;margin-bottom:3px}.logo-gem,.logo-row{align-items:center;display:flex}.logo-gem{background:#e84040;background:var(--coral);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);font-size:13px;height:30px;justify-content:center;width:30px}.logo-gem,.logo-name{color:#fff;font-weight:800}.logo-name{font-size:16px;letter-spacing:-.5px}.logo-tag{color:#ffffff47;font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase}.nav{flex:1 1;overflow-y:auto;padding:16px 10px}.nav-sec{color:#ffffff40;font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:2.5px;margin:14px 0 5px;padding:0 12px;text-transform:uppercase}a.nav-link{text-decoration:none}.nav-link{align-items:center;border-radius:6px;color:#ffffff6b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:9px;margin-bottom:1px;padding:9px 12px;position:relative;transition:all .15s;-webkit-user-select:none;user-select:none}.nav-link:hover{background:#ffffff0f;color:#fffc}.nav-link.active{background:#ffffff1a;color:#fff}.nav-link.active:before{background:#e84040;background:var(--coral);border-radius:0 2px 2px 0;content:"";height:16px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.nav-link svg{flex-shrink:0;height:14px;opacity:.7;width:14px}.nav-link.active svg{opacity:1}.nav-badge{background:#ffffff1a;border-radius:10px;color:#ffffff8c;font-family:JetBrains Mono,monospace;font-size:10px;margin-left:auto;padding:2px 7px}.nav-badge.hot{background:#e84040;background:var(--coral);color:#fff}.sb-foot{border-top:1px solid #ffffff12;padding:14px}.user-pill{background:#ffffff0f;border-radius:8px;gap:9px;padding:9px 11px}.avatar,.user-pill{align-items:center;display:flex}.avatar{background:#e84040;background:var(--coral);border-radius:50%;color:#fff;flex-shrink:0;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;height:30px;justify-content:center;width:30px}.un{color:#ffffffd9;font-size:12px;font-weight:600}.ur{color:#ffffff4d;font-size:10px;margin-top:1px}.main{display:flex;flex-direction:column;margin-left:240px;min-height:100vh;width:calc(100vw - 240px)}.sb-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0e111780;display:none;inset:0;position:fixed;z-index:99}.topbar{background:#fff;background:var(--white);border-bottom:1px solid #dde1e8;border-bottom:1px solid var(--rule);height:58px;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:50}.breadcrumb,.topbar{align-items:center;display:flex}.breadcrumb{color:#9ba3b2;color:var(--ink4);font-size:12px;gap:7px}.breadcrumb strong{color:#0e1117;color:var(--ink);font-size:14px;font-weight:700}.bc-sep{opacity:.35}.tb-right{gap:9px}.searchbar,.tb-right{align-items:center;display:flex}.searchbar{background:#f6f7f9;background:var(--bg);border:1px solid #dde1e8;border:1px solid var(--rule);border-radius:6px;gap:7px;padding:7px 13px;width:200px}.searchbar input{background:none;border:none;color:#0e1117;color:var(--ink);font-family:Syne,sans-serif;font-size:12.5px;outline:none;width:100%}.searchbar input::placeholder{color:#9ba3b2;color:var(--ink4)}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-family:Syne,sans-serif;font-size:12.5px;font-weight:600;gap:6px;line-height:1;padding:7px 15px;transition:all .15s}.btn svg{height:13px;width:13px}.btn-ghost{background:#0000;border:1px solid #dde1e8;border:1px solid var(--rule);color:#5a6275;color:var(--ink3)}.btn-ghost:hover{background:#f6f7f9;background:var(--bg);border-color:#5a6275;border-color:var(--ink3);color:#0e1117;color:var(--ink)}.btn-primary{background:#e84040;background:var(--coral);color:#fff}.btn-primary:hover{background:#c93636;box-shadow:0 4px 12px #e840404d;transform:translateY(-1px)}.btn-teal{background:#0a7c6e;background:var(--teal);color:#fff}.btn-teal:hover{background:#086358}.btn-sm{font-size:11.5px;padding:5px 11px}.content{flex:1 1;padding:26px 32px}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card{background:#fff;background:var(--white);border:1px solid #dde1e8;border:1px solid var(--rule);border-radius:10px;overflow:hidden}.card-hd{align-items:center;border-bottom:1px solid #dde1e8;border-bottom:1px solid var(--rule);display:flex;justify-content:space-between;padding:16px 20px}.card-title{font-size:13.5px;font-weight:700;letter-spacing:-.2px}.section-hd{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:14px}.sh-left h2{font-size:18px;font-weight:800;letter-spacing:-.5px}.sh-left p{color:#5a6275;color:var(--ink3);font-family:Crimson Pro,serif;font-size:13px;font-style:italic;margin-top:2px}.kpi-strip{background:#fff;background:var(--white);border:1px solid #dde1e8;border:1px solid var(--rule);border-radius:10px;display:grid;grid-template-columns:repeat(5,1fr);margin-bottom:24px;overflow:hidden}.kpi-strip.cols4{grid-template-columns:repeat(4,1fr)}.kpi-cell{animation:fadeUp .4s ease both;border-right:1px solid #dde1e8;border-right:1px solid var(--rule);cursor:default;padding:20px 22px;transition:background .15s}.kpi-cell:last-child{border-right:none}.kpi-cell:hover{background:#f6f7f9;background:var(--bg)}.kpi-bar{border-radius:10px 10px 0 0;height:3px;margin:-20px -22px 14px}.kpi-ey{color:#9ba3b2;color:var(--ink4);font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:1.5px;margin-bottom:8px;text-transform:uppercase}.kpi-val{font-size:26px;font-weight:800;letter-spacing:-1px;line-height:1;margin-bottom:5px}.kpi-desc{align-items:center;color:#5a6275;color:var(--ink3);display:flex;font-family:Crimson Pro,serif;font-size:13px;gap:5px}.delta{border-radius:3px;font-family:JetBrains Mono,monospace;font-size:10px;padding:1px 5px}.d-up{background:#e6f6f4;background:var(--teal-lt);color:#0a7c6e;color:var(--teal)}.d-dn{background:#fef0f0;background:var(--coral-lt);color:#e84040;color:var(--coral)}table{border-collapse:collapse;width:100%}thead th{border-bottom:1px solid #dde1e8;border-bottom:1px solid var(--rule);color:#9ba3b2;color:var(--ink4);cursor:pointer;font-family:JetBrains Mono,monospace;font-size:9.5px;font-weight:400;letter-spacing:1.5px;padding:10px 16px;text-align:left;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap}thead th:hover{color:#0e1117;color:var(--ink)}tbody td{border-bottom:1px solid #eef0f4;border-bottom:1px solid var(--rule2);font-size:13px;padding:12px 16px;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr{cursor:pointer;transition:background .1s}tbody tr:hover td{background:#f6f7f9;background:var(--bg)}.td-mono{font-family:JetBrains Mono,monospace;font-size:11.5px}.td-red{color:#e84040;color:var(--coral);font-weight:600}.td-gold{color:#c07b00;color:var(--gold)}.td-grn{color:#0a7c6e;color:var(--teal)}.pill,.td-bold{font-weight:700}.pill{align-items:center;border-radius:4px;display:inline-flex;font-family:JetBrains Mono,monospace;font-size:10px;gap:4px;padding:3px 8px;white-space:nowrap}.pill-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.tabs{background:#f6f7f9;background:var(--bg);border-radius:6px;display:flex;gap:2px;padding:3px}.tab{background:none;border:none;border-radius:4px;color:#5a6275;color:var(--ink3);cursor:pointer;font-family:Syne,sans-serif;font-size:11.5px;font-weight:600;padding:5px 12px;transition:all .12s}.tab.active{background:#fff;background:var(--white);box-shadow:0 1px 3px #0000001a;color:#0e1117;color:var(--ink)}.filter-strip{align-items:center;border-bottom:1px solid #dde1e8;border-bottom:1px solid var(--rule);display:flex;flex-wrap:wrap;gap:8px;padding:14px 20px}.filter-pill{background:#fff;background:var(--white);border:1.5px solid #dde1e8;border:1.5px solid var(--rule);border-radius:20px;color:#5a6275;color:var(--ink3);cursor:pointer;font-family:Syne,sans-serif;font-size:11.5px;font-weight:600;padding:5px 13px;transition:all .15s}.filter-pill:hover{border-color:#5a6275;border-color:var(--ink3);color:#0e1117;color:var(--ink)}.filter-pill.active{background:#fef0f0;background:var(--coral-lt);border-color:#e84040;border-color:var(--coral);color:#e84040;color:var(--coral)}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0e111766;display:none;inset:0;position:fixed;z-index:190}.overlay.open{display:block}.drawer{background:#fff;background:var(--white);border-left:1px solid #dde1e8;border-left:1px solid var(--rule);bottom:0;box-shadow:-8px 0 40px #0000001a;display:flex;flex-direction:column;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);width:520px;z-index:200}.drawer.open{transform:translateX(0)}.drawer-top{align-items:center;background:#0e1117;background:var(--ink);border-bottom:1px solid #dde1e8;border-bottom:1px solid var(--rule);color:#fff;display:flex;flex-shrink:0;height:54px;justify-content:space-between;padding:0 26px}.dt-id{color:#ffffff73;font-family:JetBrains Mono,monospace;font-size:11px;margin-bottom:2px}.dt-name{font-size:14px;font-weight:700}.drawer-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff9;cursor:pointer;display:flex;font-size:15px;height:28px;justify-content:center;transition:background .12s;width:28px}.drawer-close:hover{background:#fff3;color:#fff}.drawer-body{flex:1 1;overflow-y:auto}.drawer-sec{border-bottom:1px solid #eef0f4;border-bottom:1px solid var(--rule2);padding:18px 24px}.dsec-label{color:#9ba3b2;color:var(--ink4);font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:2px;margin-bottom:12px;text-transform:uppercase}.info-grid{grid-gap:12px 20px;display:grid;gap:12px 20px;grid-template-columns:1fr 1fr}.i-key{color:#9ba3b2;color:var(--ink4);font-family:JetBrains Mono,monospace;font-size:10.5px;letter-spacing:.3px;margin-bottom:3px}.i-val{font-size:13.5px;font-weight:600}.i-val.mono{font-family:JetBrains Mono,monospace;font-size:12.5px;font-weight:500}.i-val.big{color:#e84040;color:var(--coral);font-size:19px;font-weight:800;letter-spacing:-.5px}.drawer-ft{background:#f6f7f9;background:var(--bg);border-top:1px solid #dde1e8;border-top:1px solid var(--rule);display:flex;flex-shrink:0;gap:8px;padding:14px 24px}.lc-item{display:flex;gap:12px;position:relative}.lc-left{flex-direction:column}.lc-left,.lc-node{align-items:center;display:flex;flex-shrink:0;width:28px}.lc-node{border:2px solid #0000;border-radius:50%;font-size:11px;font-weight:700;height:28px;justify-content:center}.lc-stem{flex:1 1;margin:2px 0;min-height:14px;width:2px}.lc-done .lc-node{background:#e6f6f4;background:var(--teal-lt);border-color:#0a7c6e;border-color:var(--teal);color:#0a7c6e;color:var(--teal)}.lc-done .lc-stem{background:#dde1e8;background:var(--rule)}.lc-active .lc-node{background:#fef0f0;background:var(--coral-lt);border-color:#e84040;border-color:var(--coral);color:#e84040;color:var(--coral)}.lc-active .lc-stem{background:#eef0f4;background:var(--rule2)}.lc-pending .lc-node{background:#f6f7f9;background:var(--bg);border-color:#dde1e8;border-color:var(--rule);color:#9ba3b2;color:var(--ink4)}.lc-pending .lc-stem{background:#eef0f4;background:var(--rule2);opacity:.5}.lc-right{flex:1 1;padding-bottom:16px;padding-top:3px}.lc-sname{font-size:12.5px;font-weight:700}.lc-done .lc-sname{color:#0e1117;color:var(--ink)}.lc-active .lc-sname{color:#e84040;color:var(--coral)}.lc-detail,.lc-pending .lc-sname{color:#9ba3b2;color:var(--ink4)}.lc-detail{font-family:JetBrains Mono,monospace;font-size:10px;line-height:1.6;margin-top:3px}.lc-detail em{color:#5a6275;color:var(--ink3);font-style:normal}.modal-back{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0e11178c;display:none;inset:0;justify-content:center;position:fixed;z-index:300}.modal-back.open{display:flex}.modal{animation:modal-in .22s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--white);border-radius:12px;box-shadow:0 20px 60px #0003;max-height:90vh;overflow-y:auto;width:580px}@keyframes modal-in{0%{opacity:0;transform:scale(.95) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-hd{align-items:flex-start;border-bottom:2px solid #0e1117;border-bottom:2px solid var(--ink);display:flex;justify-content:space-between;padding:22px 26px 18px}.modal-title{font-size:19px;font-weight:800;letter-spacing:-.5px}.modal-sub{color:#5a6275;color:var(--ink3);font-family:Crimson Pro,serif;font-size:13px;font-style:italic;margin-top:2px}.modal-body{padding:22px 26px}.modal-ft{border-top:1px solid #eef0f4;border-top:1px solid var(--rule2);display:flex;gap:8px;justify-content:flex-end;padding:14px 26px 22px}.form-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.ff{display:flex;flex-direction:column;gap:5px}.ff.s2{grid-column:1/-1}.f-label{color:#9ba3b2;color:var(--ink4);font-family:JetBrains Mono,monospace;font-size:9.5px;letter-spacing:1.5px;text-transform:uppercase}.f-input{background:#fff;background:var(--white);border:1px solid #dde1e8;border:1px solid var(--rule);border-radius:6px;color:#0e1117;color:var(--ink);font-family:Syne,sans-serif;font-size:12.5px;outline:none;padding:9px 12px;transition:border-color .15s;width:100%}.f-input:focus{border-color:#e84040;border-color:var(--coral)}.fdivider{align-items:center;display:flex;gap:10px;grid-column:1/-1;margin:2px 0}.fdivider hr{border:none;border-top:1px solid #dde1e8;border-top:1px solid var(--rule);flex:1 1}.fdivider span{color:#9ba3b2;color:var(--ink4);font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;white-space:nowrap}.pipeline-wrap{background:#fff;background:var(--white);border:1px solid #dde1e8;border:1px solid var(--rule);border-radius:10px;margin-bottom:24px;overflow:hidden}.sl-outer{overflow-x:auto}.sl-grid{display:grid;grid-template-columns:190px repeat(7,1fr);min-width:1080px}.sl-header-row{border-bottom:2px solid #0e1117;border-bottom:2px solid var(--ink)}.ph-cell,.ph-info{border-right:1px solid #dde1e8;border-right:1px solid var(--rule);padding:12px 14px}.ph-cell:last-child{border-right:none}.ph-num{color:#9ba3b2;color:var(--ink4);font-family:JetBrains Mono,monospace;font-size:8px;letter-spacing:1px;margin-bottom:4px}.ph-il{align-items:center;display:flex;gap:6px}.ph-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.ph-lbl{font-size:11px;font-weight:700;letter-spacing:-.2px}.ph-cnt{font-family:JetBrains Mono,monospace;font-size:18px;font-weight:500;margin-top:5px}.ph-sub{color:#9ba3b2;color:var(--ink4);font-family:Crimson Pro,serif;font-size:10.5px}.sl-row{border-top:1px solid #eef0f4;border-top:1px solid var(--rule2);cursor:pointer;display:grid;grid-template-columns:190px repeat(7,1fr);min-width:1080px;transition:background .12s}.sl-row:hover{background:#fafbfc}.sl-info{border-right:1px solid #dde1e8;border-right:1px solid var(--rule);display:flex;flex-direction:column;justify-content:center;padding:12px 14px}.sl-invid{color:#e84040;color:var(--coral);font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;margin-bottom:2px}.sl-sup{font-size:12px;font-weight:700;line-height:1.3}.sl-amt{color:#5a6275;color:var(--ink3);font-family:JetBrains Mono,monospace;font-size:10px;margin-top:2px}.sl-cell{align-items:center;border-right:1px solid #eef0f4;border-right:1px solid var(--rule2);display:flex;flex-direction:column;gap:2px;justify-content:center;padding:9px 10px}.sl-cell:last-child{border-right:none}.sl-empty{background:#dde1e8;background:var(--rule);border-radius:50%;height:8px;width:8px}.sl-chip,.sl-chip-active{border-radius:4px;font-family:JetBrains Mono,monospace;font-size:9.5px;font-weight:700;padding:4px 7px;text-align:center;width:88%}.sl-chip-active{animation:pulse-chip 2s infinite;box-shadow:0 1px 6px #0000001a}@keyframes pulse-chip{0%,to{opacity:1}50%{opacity:.7}}.sl-date{color:#9ba3b2;color:var(--ink4);font-family:JetBrains Mono,monospace;font-size:8.5px}.pend-card{background:#fff;background:var(--white);border:1px solid #dde1e8;border:1px solid var(--rule);border-radius:10px;margin-bottom:10px;overflow:hidden;transition:box-shadow .15s}.pend-card:hover{box-shadow:0 4px 16px #00000014}.pend-hd{border-bottom:1px solid #eef0f4;border-bottom:1px solid var(--rule2);justify-content:space-between;padding:14px 18px}.pend-hd,.pend-urg{align-items:center;display:flex}.pend-urg{gap:8px}.urg-badge{border-radius:4px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;padding:3px 9px}.urg-overdue{background:#fef0f0;background:var(--coral-lt);color:#e84040;color:var(--coral)}.urg-soon{background:#fdf5e6;background:var(--gold-lt);color:#c07b00;color:var(--gold)}.urg-normal{background:#edf2fc;background:var(--s1l);color:#3b6fd4;color:var(--s1)}.pend-body{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr 1fr auto;padding:14px 18px}.p-key{color:#9ba3b2;color:var(--ink4);font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:1px;margin-bottom:3px;text-transform:uppercase}.p-val{font-size:13px;font-weight:600}.p-val.mono{font-family:JetBrains Mono,monospace;font-size:12.5px}.pend-actions{display:flex;flex-shrink:0;gap:6px}.appr-card{background:#fff;background:var(--white);border:1px solid #dde1e8;border:1px solid var(--rule);border-radius:10px;margin-bottom:10px;padding:18px;transition:all .15s}.appr-card:hover{border-color:#5a6275;border-color:var(--ink3)}.appr-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.appr-id{color:#e84040;color:var(--coral);font-family:JetBrains Mono,monospace;font-size:10px;margin-bottom:3px}.appr-sup{font-size:14px;font-weight:700}.appr-meta{color:#5a6275;color:var(--ink3);font-family:Crimson Pro,serif;font-size:13px;font-style:italic;margin-top:2px}.appr-info{grid-gap:12px 20px;border-bottom:1px solid #eef0f4;border-bottom:1px solid var(--rule2);border-top:1px solid #eef0f4;border-top:1px solid var(--rule2);display:grid;gap:12px 20px;grid-template-columns:repeat(4,1fr);margin-bottom:12px;padding:12px 0}.appr-actions{align-items:center;display:flex;gap:8px}.appr-note{border:1px solid #dde1e8;border:1px solid var(--rule);border-radius:6px;color:#0e1117;color:var(--ink);flex:1 1;font-family:Syne,sans-serif;font-size:12px;outline:none;padding:7px 11px}.appr-note:focus{border-color:#0a7c6e;border-color:var(--teal)}.btn-approve{background:#e6f6f4;background:var(--teal-lt);border:1.5px solid #0a7c6e;border:1.5px solid var(--teal);color:#0a7c6e;color:var(--teal);font-weight:700}.btn-approve:hover{background:#0a7c6e;background:var(--teal);color:#fff}.btn-reject{background:#fef0f0;background:var(--coral-lt);border:1.5px solid #e84040;border:1.5px solid var(--coral);color:#e84040;color:var(--coral);font-weight:700}.btn-reject:hover{background:#e84040;background:var(--coral);color:#fff}.pay-section{margin-bottom:24px}.pay-sec-label{align-items:center;display:flex;gap:8px;margin-bottom:12px}.pay-sec-label h3{font-size:14px;font-weight:700;letter-spacing:-.3px}.psl-count{background:#eef0f4;background:var(--rule2);border-radius:10px;color:#5a6275;color:var(--ink3);font-family:JetBrains Mono,monospace;font-size:10px;padding:2px 8px}.pay-card{align-items:center;background:#fff;background:var(--white);border:1px solid #dde1e8;border:1px solid var(--rule);border-radius:10px;cursor:pointer;display:flex;gap:16px;margin-bottom:8px;padding:16px 18px;transition:all .15s}.pay-card:hover{border-color:#5a6275;border-color:var(--ink3);box-shadow:0 2px 8px #0000000f}.pay-card-left{flex:1 1}.pay-card-id{color:#e84040;color:var(--coral);font-family:JetBrains Mono,monospace;font-size:10px;margin-bottom:2px}.pay-card-sup{font-size:13.5px;font-weight:700}.pay-card-desc{color:#5a6275;color:var(--ink3);font-family:Crimson Pro,serif;font-size:13px;font-style:italic;margin-top:1px}.pay-amount{font-size:16px;font-weight:600;letter-spacing:-.5px}.pay-amount,.pay-due{font-family:JetBrains Mono,monospace}.pay-due{color:#9ba3b2;color:var(--ink4);font-size:11px;margin-top:2px}.pay-due.late{color:#e84040;color:var(--coral);font-weight:600}.pay-due.soon{color:#c07b00;color:var(--gold);font-weight:600}.report-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;margin-bottom:20px}.chart-card{background:#fff;background:var(--white);border:1px solid #dde1e8;border:1px solid var(--rule);border-radius:10px;overflow:hidden}.chart-hd{align-items:center;border-bottom:1px solid #dde1e8;border-bottom:1px solid var(--rule);display:flex;justify-content:space-between;padding:16px 20px}.chart-body{padding:20px}.stat-box{background:#fff;background:var(--white);border:1px solid #dde1e8;border:1px solid var(--rule);border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:18px}.stat-label{color:#9ba3b2;color:var(--ink4);font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:1.5px;text-transform:uppercase}.stat-value{font-size:24px;font-weight:800;letter-spacing:-1px}.stat-note{color:#5a6275;color:var(--ink3);font-family:Crimson Pro,serif;font-size:13px;font-style:italic}.report-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.stage-breakdown{background:#fff;background:var(--white);border:1px solid #dde1e8;border:1px solid var(--rule);border-radius:10px;overflow:hidden}.sb-row{align-items:center;border-bottom:1px solid #eef0f4;border-bottom:1px solid var(--rule2);display:flex;gap:12px;padding:12px 18px}.sb-row:last-child{border-bottom:none}.sb-color{border-radius:2px;flex-shrink:0;height:10px;width:10px}.sb-label{flex:1 1;font-size:13px;font-weight:600}.sb-bar-wrap{background:#eef0f4;background:var(--rule2);border-radius:3px;height:6px;overflow:hidden;width:160px}.sb-bar{border-radius:3px;height:100%;transition:width .5s ease}.sb-num{color:#5a6275;color:var(--ink3);font-size:11.5px;width:30px}.sb-amt,.sb-num{font-family:JetBrains Mono,monospace;text-align:right}.sb-amt{color:#9ba3b2;color:var(--ink4);font-size:11px;width:80px}.sup-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.sup-card{background:#fff;background:var(--white);border:1px solid #dde1e8;border:1px solid var(--rule);border-radius:10px;cursor:pointer;overflow:hidden;transition:all .2s}.sup-card:hover{border-color:#5a6275;border-color:var(--ink3);box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.sup-card-hd{border-bottom:1px solid #eef0f4;border-bottom:1px solid var(--rule2);padding:18px 18px 14px}.sup-initials{align-items:center;border-radius:8px;color:#fff;display:flex;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:800;height:40px;justify-content:center;margin-bottom:10px;width:40px}.sup-name{font-size:14px;font-weight:700;letter-spacing:-.2px;margin-bottom:2px}.sup-gstin{color:#9ba3b2;color:var(--ink4);font-family:JetBrains Mono,monospace;font-size:9.5px}.sup-card-body{padding:14px 18px}.sup-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.ss-key{color:#9ba3b2;color:var(--ink4);font-family:JetBrains Mono,monospace;font-size:8.5px;letter-spacing:1px;margin-bottom:3px;text-transform:uppercase}.ss-val{font-size:14px;font-weight:700}.ss-val.mono{font-family:JetBrains Mono,monospace;font-size:13px}.sup-card-ft{align-items:center;border-top:1px solid #eef0f4;border-top:1px solid var(--rule2);display:flex;justify-content:space-between;padding:10px 18px}.sup-inv-count{color:#9ba3b2;color:var(--ink4);font-family:JetBrains Mono,monospace;font-size:10px}.settings-layout{grid-gap:20px;display:grid;gap:20px;grid-template-columns:200px 1fr}.settings-nav{background:#fff;background:var(--white);border:1px solid #dde1e8;border:1px solid var(--rule);border-radius:10px;height:fit-content;overflow:hidden}.sn-item{align-items:center;border-bottom:1px solid #eef0f4;border-bottom:1px solid var(--rule2);color:#5a6275;color:var(--ink3);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:9px;padding:11px 16px;transition:all .12s}.sn-item:last-child{border-bottom:none}.sn-item:hover{background:#f6f7f9;background:var(--bg);color:#0e1117;color:var(--ink)}.sn-item.active{background:#fef0f0;background:var(--coral-lt);color:#e84040;color:var(--coral)}.sn-item svg{flex-shrink:0;height:14px;opacity:.7;width:14px}.settings-panel{display:none}.settings-panel.active{display:block}.settings-section{background:#fff;background:var(--white);border:1px solid #dde1e8;border:1px solid var(--rule);border-radius:10px;margin-bottom:16px;overflow:hidden}.ss-hd{border-bottom:1px solid #dde1e8;border-bottom:1px solid var(--rule);font-size:13.5px;font-weight:700;padding:16px 20px}.ss-body{padding:20px}.ss-row{align-items:center;border-bottom:1px solid #eef0f4;border-bottom:1px solid var(--rule2);display:flex;justify-content:space-between;padding:10px 0}.ss-row:last-child{border-bottom:none}.ss-row-label{font-size:13px;font-weight:600}.ss-row-desc{color:#5a6275;color:var(--ink3);font-family:Crimson Pro,serif;font-size:13px;font-style:italic;margin-top:1px}.toggle{background:#dde1e8;background:var(--rule);border-radius:11px;cursor:pointer;flex-shrink:0;height:21px;position:relative;transition:background .2s;width:38px}.toggle.on{background:#0a7c6e;background:var(--teal)}.toggle:after{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;content:"";height:17px;left:2px;position:absolute;top:2px;transition:transform .2s;width:17px}.toggle.on:after{transform:translateX(17px)}.stage-config{border:1px solid #dde1e8;border:1px solid var(--rule);border-radius:8px;margin-top:14px;overflow:hidden}.sc-row{grid-gap:12px;align-items:center;border-bottom:1px solid #eef0f4;border-bottom:1px solid var(--rule2);display:grid;gap:12px;grid-template-columns:24px auto 1fr 140px;padding:11px 14px}.sc-row:last-child{border-bottom:none}.sc-num{color:#9ba3b2;color:var(--ink4);font-family:JetBrains Mono,monospace;font-size:10px}.sc-dot{border-radius:50%;height:10px;width:10px}.sc-name{font-size:13px;font-weight:600}.sc-owner{color:#5a6275;color:var(--ink3);font-size:11.5px}.user-card{align-items:center;border-bottom:1px solid #eef0f4;border-bottom:1px solid var(--rule2);display:flex;justify-content:space-between;padding:12px 0}.user-card:last-child{border-bottom:none}.uc-left{gap:11px}.uc-avatar,.uc-left{align-items:center;display:flex}.uc-avatar{border-radius:50%;color:#fff;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;height:34px;justify-content:center;width:34px}.uc-name{font-size:13px;font-weight:600}.uc-role{color:#5a6275;color:var(--ink3);font-size:11px;margin-top:1px}.uc-badge{border-radius:4px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;padding:3px 8px}.role-admin{background:#fef0f0;background:var(--coral-lt);color:#e84040;color:var(--coral)}.role-fin{background:#edf2fc;background:var(--s1l);color:#3b6fd4;color:var(--s1)}.role-proc{background:#f3eeff;background:var(--s2l);color:#8b3fd4;color:var(--s2)}.role-ap{background:#e6f6f4;background:var(--teal-lt);color:#0a7c6e;color:var(--teal)}.empty{color:#9ba3b2;color:var(--ink4);padding:48px 20px;text-align:center}.empty-icon{font-size:36px;margin-bottom:10px}.empty p{font-family:Crimson Pro,serif;font-size:15px;font-style:italic}.toast{align-items:center;animation:toast-in .25s ease;background:#0e1117;background:var(--ink);border-radius:8px;bottom:24px;box-shadow:0 8px 24px #0000004d;color:#fff;display:none;font-size:13px;font-weight:500;gap:10px;padding:12px 18px;position:fixed;right:24px;z-index:500}.toast.show{display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.sidebar{transform:translateX(-100%);width:260px;z-index:200}.sidebar.open{transform:translateX(0)}.sb-overlay.open{display:block}.main{margin-left:0;width:100vw}.hamburger{display:flex!important}.content{padding:20px 24px}.kpi-strip{grid-template-columns:repeat(3,1fr)}.kpi-strip .kpi-cell:nth-child(4),.kpi-strip .kpi-cell:nth-child(5){border-top:1px solid #dde1e8;border-top:1px solid var(--rule)}.report-stats,.sup-grid{grid-template-columns:repeat(2,1fr)}.report-grid,.settings-layout{grid-template-columns:1fr}.appr-info{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.topbar{gap:8px;padding:0 16px}.content{padding:16px}.tb-right .MuiButton-root span.MuiButton-startIcon+span,.tb-right .MuiTextField-root{display:none}.kpi-strip,.kpi-strip.cols4{grid-template-columns:1fr 1fr}.kpi-val{font-size:20px}.sup-grid{grid-template-columns:1fr}.pend-body,.report-stats{grid-template-columns:1fr 1fr}.pend-body{gap:10px}.pend-actions{grid-column:1/-1}.appr-info{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.ff.s2{grid-column:1}.modal{margin:10px;width:95%}.drawer{width:100%}.info-grid{grid-template-columns:1fr}.tabs{flex-wrap:wrap}.filter-strip{flex-wrap:nowrap;overflow-x:auto}.section-hd{gap:10px}.pay-card,.section-hd{align-items:flex-start;flex-direction:column}}
/*# sourceMappingURL=main.b39a2cc1.css.map*/