*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d1117;--bg2:#161b27;--bg3:#1c2236;--bg4:#21293d;--bg-top:#111827;--bdr:#21293d;--bdr2:#2e3a54;--txt:#e8eaf5;--txt2:#8892b8;--txt3:#4d5680;--acc:#4f7dff;--acc2:#7fa8ff;--accbg:#4f7dff21;--grn:#2eca8a;--grnbg:#2ecc8a1f;--red:#e24b4a;--redbg:#e24b4a1f;--amb:#f5a623;--ambbg:#f5a6231f;--pur:#a78bfa;--purbg:#a78bfa1f;--faint:#ffffff0d;--skel:#ffffff0a;--skel-shimmer:#ffffff17}[data-theme=light]{--bg:#f4f6f8;--bg2:#fff;--bg3:#eef0f5;--bg4:#e2e6eb;--bg-top:#fff;--bdr:#d1d5db;--bdr2:#9ca3af;--txt:#111827;--txt2:#4b5563;--txt3:#6b7280;--acc:#2563eb;--acc2:#1d4ed8;--accbg:#2563eb21;--grn:#059669;--grnbg:#0596691f;--red:#dc2626;--redbg:#dc26261f;--amb:#d97706;--ambbg:#d977061f;--pur:#7c3aed;--purbg:#7c3aed1f;--faint:#0000000d;--skel:#0000000d;--skel-shimmer:#0000001a}body{background:var(--bg);color:var(--txt);font-family:Segoe UI,system-ui,sans-serif;font-size:13px}.screen{display:none}.screen.active{display:block}.app-shell{background:var(--bg);flex-direction:column;height:100vh;display:flex;overflow:hidden}.topbar{background:var(--bg-top);border-bottom:1px solid var(--bdr);flex-shrink:0;align-items:center;gap:8px;height:46px;padding:0 14px;display:flex}.tb-logo{color:var(--txt);align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.tb-sq{background:var(--acc);color:#fff;border-radius:5px;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:800;display:flex}.tb-ml{align-items:center;gap:7px;margin-left:auto;display:flex}.av{background:var(--accbg);width:26px;height:26px;color:var(--acc2);border:1px solid #4f7dff4d;border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.body-row{flex:1;display:flex;overflow:hidden}.sidebar{background:var(--bg-top);border-right:1px solid var(--bdr);flex-shrink:0;width:185px;min-width:185px;padding:8px 5px;overflow-y:auto}.ns{color:var(--txt3);letter-spacing:.8px;text-transform:uppercase;padding:8px 9px 3px;font-size:9px;font-weight:700}.ni{cursor:pointer;color:var(--txt2);-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:10px;margin:2px 6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex;position:relative}.ni:hover{background:var(--faint);color:var(--txt)}.ni.on{background:var(--bg2);color:var(--acc);font-weight:600;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.ni-dot{background:var(--grn);border-radius:50%;width:6px;height:6px;animation:2s infinite pd;position:absolute;right:12px}@keyframes pd{0%,to{opacity:1}50%{opacity:.3}}.main-area{flex-direction:column;flex:1;display:flex;overflow:hidden}.page{flex-direction:column;flex:1;display:none;overflow:hidden}.page.on{display:flex}.ph{border-bottom:1px solid var(--bdr);background:var(--bg2);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;padding:12px 16px 10px;display:flex}.ph-t{color:var(--txt);font-size:14px;font-weight:600}.ph-s{color:var(--txt3);margin-top:1px;font-size:11px}.ph-ml{flex-wrap:wrap;gap:7px;margin-left:auto;display:flex}.page-body{flex:1;padding:16px;overflow-y:auto}.login-wrap{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:30px 16px;display:flex}.login-box{background:var(--bg2);border:1px solid var(--bdr);border-radius:16px;width:100%;max-width:390px;padding:36px 30px}.brand{justify-content:center;align-items:center;gap:10px;margin-bottom:26px;display:flex}.brand-sq{background:var(--acc);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:15px;font-weight:800;display:flex}.brand-name{color:var(--txt);font-size:17px;font-weight:700}.brand-sub{color:var(--txt3);margin-top:1px;font-size:11px}.divhr{background:var(--bdr);height:1px;margin-bottom:22px}.l-title{color:var(--txt);text-align:center;margin-bottom:4px;font-size:19px;font-weight:700}.l-sub{color:var(--txt3);text-align:center;margin-bottom:20px;font-size:12px}.alert-bar{border-radius:8px;align-items:center;gap:7px;margin-bottom:12px;padding:9px 12px;font-size:12px;display:none}.alert-bar.err{background:var(--redbg);color:var(--red);border:1px solid #e24b4a59}.alert-bar.suc{background:var(--grnbg);color:var(--grn);border:1px solid #2ecc8a4d}.alert-bar.show{display:flex}.fld{margin-bottom:13px}.fld label{color:var(--txt3);letter-spacing:.6px;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:700;display:block}.fld-row{border:1px solid var(--bdr);background:#0d1117;border-radius:8px;align-items:center;transition:border .13s;display:flex}.fld-row:focus-within{border-color:var(--acc)}.fld-ic{color:var(--txt3);flex-shrink:0;padding:0 10px;font-size:14px}.fld-inp{color:var(--txt);background:0 0;border:none;outline:none;flex:1;padding:9px 8px 9px 0;font-family:inherit;font-size:13px}.fld-inp::placeholder{color:var(--txt3)}.eye{cursor:pointer;color:var(--txt3);background:0 0;border:none;padding:0 9px;font-size:12px}.rem-row{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.rem{color:var(--txt2);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.rem input{accent-color:var(--acc)}.login-btn{background:var(--acc);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:11px;font-family:inherit;font-size:13px;font-weight:600}.login-btn:hover:not(:disabled){background:var(--acc2)}.login-btn:disabled{color:var(--txt3);cursor:not-allowed;background:#2a3050}.hint{color:var(--txt3);text-align:center;background:#4f7dff12;border:1px solid #4f7dff2e;border-radius:8px;margin-top:14px;padding:9px 12px;font-size:11px;line-height:1.7}.hint b{color:var(--acc2)}.spin{vertical-align:middle;border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:13px;height:13px;margin-right:5px;animation:.6s linear infinite sp;display:inline-block}@keyframes sp{to{transform:rotate(360deg)}}.badge{border-radius:20px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.badge.grn{background:var(--grnbg);color:var(--grn);border:1px solid #2ecc8a4d}.badge.acc{background:var(--accbg);color:var(--acc2);border:1px solid #4f7dff4d}.badge.red{background:var(--redbg);color:var(--red);border:1px solid #e24b4a4d}.badge.amb{background:var(--ambbg);color:var(--amb);border:1px solid #f5a6234d}.badge.pur{background:var(--purbg);color:var(--pur);border:1px solid #a78bfa4d}.pill{border-radius:20px;align-items:center;gap:3px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-flex}.pill:before{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;display:inline-block}.pill.ov{background:var(--redbg);color:var(--red)}.pill.ac{background:var(--grnbg);color:var(--grn)}.pill.lg{background:var(--purbg);color:var(--pur)}.pill.pd{background:var(--ambbg);color:var(--amb)}.pill.st{background:var(--grnbg);color:#1d9e75}.pill.op{background:var(--redbg);color:var(--red)}.pill.rsl,.pill.paid{background:var(--grnbg);color:var(--grn)}.rb{border-radius:20px;padding:2px 8px;font-size:10px;font-weight:600}.rb.admin{background:var(--redbg);color:var(--red)}.rb.manager{background:var(--ambbg);color:var(--amb)}.rb.agent{background:var(--accbg);color:var(--acc2)}.rb.inactive{background:var(--bg4);color:var(--txt3)}.btn{border:1px solid var(--bdr2);background:var(--bg2);color:var(--txt);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:6px;outline:none;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.645,.045,.355,1);display:inline-flex;box-shadow:0 1px #0000000d}.btn:hover{background:var(--bg3);border-color:var(--bdr)}.btn:active{background:var(--bg4);transform:translateY(1px)}.btn.pr{color:#fff;background:linear-gradient(#008060 0%,#007b5c 100%);border:1px solid #006e52;box-shadow:0 1px #0000000d,inset 0 1px #ffffff1a}.btn.pr:hover{background:#006e52}.btn.sm{padding:5px 12px;font-size:11px}.btn.dn{color:#fff;background:linear-gradient(#d82c0d 0%,#bc270b 100%);border:1px solid #a22109}.btn.dn:hover{background:#a22109}.btn.gn{background:var(--grnbg);color:var(--grn);border-color:#2ecc8a4d}.btn.am{background:var(--ambbg);color:var(--amb);border-color:#f5a6234d}.btn.pu{background:var(--purbg);color:var(--pur);border-color:#a78bfa4d}.card{background:var(--bg2);border:1px solid var(--bdr);border-radius:10px;margin-bottom:12px;padding:14px 16px}.g2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.g3{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.g4{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.kpi{background:var(--bg2);border:1px solid var(--bdr);border-radius:10px;padding:13px 14px}.kpi-l{color:var(--txt3);text-transform:uppercase;letter-spacing:.6px;margin-bottom:3px;font-size:10px;font-weight:600}.kpi-v{color:var(--txt);font-family:monospace;font-size:20px;font-weight:700}.kpi-s{color:var(--txt2);margin-top:2px;font-size:11px}.prog{background:var(--bg4);border-radius:2px;height:3px;margin-top:5px;overflow:hidden}.prog-f{border-radius:2px;height:100%}.tbl{border-collapse:collapse;width:100%;font-size:12px}.tbl th{background:var(--bg-top);color:var(--txt3);text-transform:uppercase;letter-spacing:.6px;text-align:left;border-bottom:1px solid var(--bdr);white-space:nowrap;z-index:2;cursor:pointer;-webkit-user-select:none;user-select:none;padding:7px 10px;font-size:9px;font-weight:700;position:sticky;top:0}.tbl th:hover{color:var(--txt2)}.tbl td{border-bottom:1px solid var(--faint);color:var(--txt2);vertical-align:middle;padding:8px 10px}.tbl tr:hover td{background:var(--bg3);cursor:pointer}.tbl tr.sel td{background:#1a2550}.nm{color:var(--txt);font-weight:500}.mn{font-family:monospace;font-size:11px}.fg{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ff label{color:var(--txt3);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.finp{background:var(--bg3);border:1px solid var(--bdr2);color:var(--txt);border-radius:6px;outline:none;width:100%;padding:7px 10px;font-family:inherit;font-size:12px}.finp:focus{border-color:var(--acc)}.finp::placeholder{color:var(--txt3)}.fsec{color:var(--acc2);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--bdr);margin:12px 0 7px;padding-bottom:4px;font-size:10px;font-weight:700}.info-box{border-radius:8px;margin-bottom:10px;padding:9px 13px;font-size:11px}.info-box.blue{background:var(--accbg);color:var(--acc2);border:1px solid #4f7dff33}.info-box.amb{background:var(--ambbg);color:var(--amb);border:1px solid #f5a62333}.info-box.red{background:var(--redbg);color:var(--red);border:1px solid #e24b4a33}.info-box.grn{background:var(--grnbg);color:var(--grn);border:1px solid #2ecc8a33}.info-box.pur{background:var(--purbg);color:var(--pur);border:1px solid #a78bfa33}.segmented-group{background:var(--bg3);border:1px solid var(--bdr);border-radius:8px;gap:2px;padding:3px;display:flex}.segmented-btn{color:var(--txt3);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:6px;flex:1;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.segmented-btn.on{background:var(--bg2);color:var(--acc);box-shadow:0 1px 3px #0003}.segmented-btn:hover:not(.on){color:var(--txt2)}.tabs{background:var(--bg3);border-radius:8px;flex-wrap:wrap;gap:3px;margin-bottom:14px;padding:3px;display:flex}.tab{cursor:pointer;color:var(--txt3);-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:6px;padding:5px 11px;font-size:11px;font-weight:500;transition:all .1s}.tab.on{background:var(--bg2);color:var(--txt);box-shadow:0 1px 3px #0000004d}.leads-outer{flex-direction:column;flex:1;display:flex;overflow:hidden}.cust-dash{border-bottom:2px solid var(--bdr);background:var(--bg2);flex-shrink:0}.cust-dash.empty{color:var(--txt3);align-items:center;gap:10px;padding:16px 18px;font-size:12px;display:flex}.cust-dash.filled{padding:12px 16px}.sbar{background:var(--bg2);border-bottom:1px solid var(--bdr);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:7px;padding:9px 14px;display:flex}.sinp-wrap{background:var(--bg);border:1px solid var(--bdr2);border-radius:8px;flex:1;align-items:center;min-width:180px;transition:border .13s;display:flex}.sinp-wrap:focus-within{border-color:var(--acc)}.sinp{color:var(--txt);background:0 0;border:none;outline:none;flex:1;padding:8px 6px 8px 0;font-family:inherit;font-size:13px}.sinp::placeholder{color:var(--txt3)}.stab{cursor:pointer;border:1px solid var(--bdr2);background:var(--bg3);color:var(--txt3);-webkit-user-select:none;user-select:none;border-radius:20px;padding:3px 9px;font-size:10px;font-weight:600;transition:all .1s}.stab.on{background:var(--acc);color:#fff;border-color:var(--acc)}.result-area{flex:1;overflow-y:auto}.pager{border-top:1px solid var(--bdr);background:var(--bg2);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;padding:7px 14px;display:flex}.p-btn{border:1px solid var(--bdr2);background:var(--bg3);color:var(--txt2);cursor:pointer;border-radius:5px;padding:3px 8px;font-family:inherit;font-size:11px}.p-btn:disabled{opacity:.35;cursor:default}.p-btn.cur{background:var(--accbg);color:var(--acc2);border-color:#4f7dff4d}.hl{color:var(--acc2);background:#4f7dff38;border-radius:2px;padding:0 1px;font-weight:600}.modal-bg{z-index:9999;background:#000000b8;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.modal{background:var(--bg2);border:1px solid var(--bdr2);border-radius:13px;width:min(680px,100%);max-height:88vh;padding:20px 22px;overflow-y:auto}.m-hdr{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.m-close{color:var(--txt3);cursor:pointer;background:0 0;border:none;font-size:17px}.pending-review-banner{color:var(--amb);background:#f5a6231a;border:1px solid #f5a6234d;border-radius:8px;align-items:center;gap:8px;margin-bottom:8px;padding:10px 14px;font-size:12px;display:flex}.tag-item{background:var(--bg3);border:1px solid var(--bdr);border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:7px 10px;display:flex}.tog-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px;display:grid}.tog-item{background:var(--bg3);border:1px solid var(--bdr);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:7px 9px;display:flex}.tog-item input{accent-color:var(--acc);cursor:pointer}.tog-item label{color:var(--txt2);cursor:pointer;font-size:11px}.sw{cursor:pointer;width:36px;height:20px;display:inline-block;position:relative}.sw input{opacity:0;width:0;height:0;position:absolute}.sw-t{background:var(--bg4);border:1px solid var(--bdr2);border-radius:20px;transition:all .2s;position:absolute;inset:0}.sw input:checked~.sw-t{background:var(--acc);border-color:var(--acc)}.sw-k{pointer-events:none;background:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:2px;left:2px}.sw input:checked~.sw-t~.sw-k{left:18px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:var(--bdr2);border-radius:2px}#toast{border:1px solid var(--grn);color:var(--grn);z-index:99999;opacity:0;pointer-events:none;background:#1c2236;border-radius:8px;max-width:320px;padding:9px 14px;font-size:12px;transition:opacity .3s;position:fixed;bottom:20px;right:20px}#toast.show{opacity:1}.ff{flex-direction:column;gap:4px;display:flex}.ff label{color:var(--txt3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:10px;display:block}.modal-overlay{z-index:100;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{border:1px solid var(--bdr);background:#161b27;border-radius:12px;flex-direction:column;width:100%;max-width:750px;max-height:90vh;display:flex;overflow:hidden}.modal-bg{z-index:200;background:#000000b3;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-bg.on{display:flex}.modal{background:var(--bg2);border:1px solid var(--bdr);border-radius:12px;flex-direction:column;width:100%;max-width:640px;max-height:90vh;animation:.15s mIn;display:flex;overflow:hidden}@keyframes mIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.m-hdr{border-bottom:1px solid var(--bdr);background:var(--bg2);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.m-title{color:var(--txt);font-size:14px;font-weight:600}.m-close{color:var(--txt3);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px;line-height:1}.m-close:hover{color:var(--txt)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skel{background:linear-gradient(90deg,var(--skel) 25%,var(--skel-shimmer) 50%,var(--skel) 75%);background-size:200% 100%;border-radius:6px;height:12px;animation:1.6s ease-in-out infinite shimmer}