:root{--bg:#0e1017;--panel:#151925;--panel-2:#1b2131;--line:#252c40;--txt:#e7ebf5;--muted:#8b93a9;--muted-2:#5f6784;--brand:#6d5efc;--brand-2:#8b7dff;--brand-soft:#6d5efc24;--green:#25c07f;--green-soft:#25c07f24;--amber:#f0b429;--amber-soft:#f0b42924;--red:#f0556d;--red-soft:#f0556d24;--blue:#3ba7ff;--blue-soft:#3ba7ff24;--gray:#7a849e;--radius:14px;--shadow:0 10px 30px #00000059;--side-bg:linear-gradient(180deg, #141826, #10131d);--body-bg:radial-gradient(1200px 700px at 80% -10%, #1a1f30 0%, var(--bg) 55%)}:root[data-theme=light]{--bg:#f5f7fb;--panel:#fff;--panel-2:#eef1f8;--line:#dde2ee;--txt:#1a2030;--muted:#5c6478;--muted-2:#858da3;--brand:#6d5efc;--brand-2:#5a4be0;--brand-soft:#6d5efc1f;--green:#16a06a;--green-soft:#16a06a1f;--amber:#b5860b;--amber-soft:#b5860b21;--red:#e03e57;--red-soft:#e03e571c;--blue:#2b8fe0;--blue-soft:#2b8fe01f;--gray:#6b7488;--shadow:0 10px 30px #1822401f;--side-bg:linear-gradient(180deg, #fff, #f2f5fb);--body-bg:radial-gradient(1200px 700px at 80% -10%, #e9edf7 0%, var(--bg) 55%)}:root[data-theme=light] .nav a.active,:root[data-theme=light] .s-transferred{color:#5a4be0}:root[data-theme=light] .btn.success,:root[data-theme=light] .o-target,:root[data-theme=light] .s-completed{color:#0f7a4d}:root[data-theme=light] .btn.danger,:root[data-theme=light] .o-rejected,:root[data-theme=light] .s-failed,:root[data-theme=light] .error-msg{color:#c62b45}:root[data-theme=light] .o-callback,:root[data-theme=light] .s-dialing,:root[data-theme=light] .note{color:#8a6400}:root[data-theme=light] .o-new_lead,:root[data-theme=light] .s-in_progress,:root[data-theme=light] .note.info{color:#1a6fb5}:root[data-theme=light] .o-no_answer,:root[data-theme=light] .s-queued{color:#4a5268}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--body-bg);color:var(--txt);-webkit-font-smoothing:antialiased;font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Arial,sans-serif}a{color:var(--brand-2)}.app{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.side{background:var(--side-bg);border-right:1px solid var(--line);flex-direction:column;gap:6px;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:6px 8px 16px;display:flex}.logo{background:linear-gradient(135deg, var(--brand), #b06dff);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-weight:800;display:grid;box-shadow:0 6px 18px #6d5efc80}.brand b{letter-spacing:.2px;font-size:15px}.brand span{color:var(--muted);font-size:11px;display:block}.proj{background:var(--panel-2);border:1px solid var(--line);text-align:left;cursor:pointer;width:100%;color:var(--txt);border-radius:10px;margin:4px 0 14px;padding:9px 11px}.proj:hover{border-color:var(--brand)}.proj .lbl{text-transform:uppercase;letter-spacing:.6px;color:var(--muted-2);font-size:10px}.proj .row{justify-content:space-between;align-items:center;margin-top:3px;display:flex}.proj b{font-size:13px}.nav{flex-direction:column;flex:auto;gap:2px;min-height:0;margin:0 -6px;padding:0 6px;display:flex;overflow-y:auto}.nav a{color:var(--muted);cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:11px;padding:9px 11px;font-weight:500;text-decoration:none;display:flex}.nav a .ic{text-align:center;opacity:.9;width:18px}.nav a:hover{background:var(--panel);color:var(--txt)}.nav a.active{background:var(--brand-soft);color:#cfc9ff;border-color:#6d5efc59}.side .foot{border-top:1px solid var(--line);flex-shrink:0;align-items:center;gap:10px;margin-top:auto;padding-top:12px;display:flex}.brand,.proj{flex-shrink:0}.avatar{color:#fff;background:linear-gradient(135deg,#3ba7ff,#6d5efc);border-radius:50%;place-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:grid}.foot .who{min-width:0;font-size:12px}.foot .who b{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.foot .who span{color:var(--muted);font-size:11px;display:block}.main{min-width:0;padding:22px 26px 40px}.top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.top h1{margin:0;font-size:21px}.top .sub{color:var(--muted);margin-top:2px;font-size:13px}.top-actions{align-items:center;gap:10px;display:flex}.stack{flex-direction:column;gap:16px;display:flex}.btn{border:1px solid var(--line);background:var(--panel-2);color:var(--txt);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--brand)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg, var(--brand), #8b6dff);border-color:#0000;box-shadow:0 6px 18px #6d5efc66}.btn.ghost{background:0 0}.btn.danger{background:var(--red-soft);color:#ffb3bf;border-color:#f0556d66}.btn.success{background:var(--green-soft);color:#9af0c8;border-color:#25c07f66}.btn.block{width:100%}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel .hd{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:15px 18px;display:flex}.panel .hd h3{margin:0;font-size:15px}.panel .bd{padding:16px 18px}.badge{white-space:nowrap;border:1px solid #0000;border-radius:20px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.b-dot{border-radius:50%;width:7px;height:7px}.o-target,.s-completed{background:var(--green-soft);color:#9af0c8;border-color:#25c07f59}.o-callback,.s-dialing{background:var(--amber-soft);color:#ffd77a;border-color:#f0b42959}.o-no_answer,.s-queued{color:#b7bfd4;background:#7a849e24;border-color:#7a849e59}.o-rejected,.s-failed{background:var(--red-soft);color:#ffb3bf;border-color:#f0556d59}.o-new_lead,.s-in_progress{background:var(--blue-soft);color:#a9d8ff;border-color:#3ba7ff59}.s-transferred{background:var(--brand-soft);color:#cfc9ff;border-color:#6d5efc59}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--line);padding:11px 14px;font-size:11px;font-weight:600}td{border-bottom:1px solid var(--line);padding:12px 14px;font-size:13px}tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--panel-2)}.panel .bd:has(table){overflow-x:auto}.mono{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.muted{color:var(--muted)}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{color:var(--muted);font-size:12px}input,textarea,select{border:1px solid var(--line);background:var(--bg);color:var(--txt);font:inherit;border-radius:10px;width:100%;padding:10px 12px}input[type=checkbox],input[type=radio]{cursor:pointer;width:auto;margin:0;padding:0}input:focus,textarea:focus{border-color:var(--brand);outline:none}.note{background:var(--amber-soft);color:#ffd77a;border:1px solid #f0b4294d;border-radius:10px;align-items:flex-start;gap:10px;padding:11px 13px;font-size:13px;display:flex}.note.info{background:var(--blue-soft);color:#a9d8ff;border-color:#3ba7ff4d}.error-msg{background:var(--red-soft);color:#ffb3bf;border:1px solid #f0556d66;border-radius:10px;padding:10px 13px;font-size:13px}.center-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-box{width:100%;max-width:400px}.auth-box .logo-row{align-items:center;gap:12px;margin-bottom:22px;display:flex}.presence-bar{flex-wrap:wrap;align-items:center;gap:14px;padding:14px 16px;display:flex}.q-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:16px;padding:16px 18px;display:flex}.q-card.hot{border-color:#f0556d66;box-shadow:0 0 0 1px #f0556d26}.q-card .who b{font-size:15px}.q-card .who .m{color:var(--muted);margin-top:2px;font-size:12px}.q-facts{gap:22px;margin-left:auto;display:flex}.q-facts .k{text-transform:uppercase;letter-spacing:.5px;color:var(--muted-2);font-size:10px}.q-facts .v{margin-top:3px;font-size:14px;font-weight:600}.disp-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.empty{text-align:center;color:var(--muted);padding:40px 20px}.spinner{color:var(--muted);text-align:center;padding:20px}