*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0f14;--surface:#13161e;--surface2:#1a1e28;--border:#ffffff0f;--border2:#ffffff1a;--text:#e8eaf0;--text2:#8b90a0;--text3:#555a6a;--accent:#4f8ef7;--accent2:#3a6fd8;--green:#22c55e;--green-bg:#22c55e15;--red:#ef4444;--red-bg:#ef444415;--amber:#f59e0b;--amber-bg:#f59e0b15;--purple:#a855f7;--purple-bg:#a855f715;--teal:#14b8a6;--teal-bg:#14b8a615;--pink:#ec4899;--pink-bg:#ec489915;--radius:10px;--radius-sm:6px;--sidebar:224px;--font:"DM Sans",sans-serif;--mono:"DM Mono",monospace}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column;font-size:14px;line-height:1.5}button{font-family:var(--font);cursor:pointer;border:none;background:none}input,select,textarea{font-family:var(--font)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}.topbar{height:52px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:16px;position:fixed;top:0;left:0;right:0;z-index:100}.logo{font-size:15px;font-weight:600;letter-spacing:-.3px;color:var(--text);display:flex;align-items:center;gap:8px}.logo-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.topbar-sep{flex:1}.role-switcher{display:flex;gap:4px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px}.role-btn{padding:4px 14px;border-radius:4px;font-size:12px;font-weight:500;color:var(--text2);transition:all .15s}.role-btn.active{background:var(--surface2);color:var(--text)}.topbar-user{display:flex;align-items:center;gap:8px;margin-left:12px}.avatar{width:28px;height:28px;border-radius:50%;background:var(--accent2);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff;flex-shrink:0}.status-wrap{position:relative;display:inline-flex}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);border:2px solid var(--surface);position:absolute;bottom:0;right:0}.app{display:flex;padding-top:52px;min-height:100vh}.sidebar{width:var(--sidebar);background:var(--surface);border-right:1px solid var(--border);position:fixed;top:52px;bottom:0;left:0;display:flex;flex-direction:column;padding:12px 0;overflow-y:auto}.sidebar-label{font-size:10px;font-weight:600;letter-spacing:.08em;color:var(--text3);text-transform:uppercase;padding:8px 14px 4px}.nav-item{display:flex;align-items:center;gap:9px;padding:7px 12px;margin:1px 8px;border-radius:var(--radius-sm);color:var(--text2);font-size:13px;cursor:pointer;transition:all .12s}.nav-item:hover{background:var(--surface2);color:var(--text)}.nav-item.active{background:#4f8ef712;color:var(--accent)}.nav-icon{width:15px;height:15px;flex-shrink:0;opacity:.7}.nav-item.active .nav-icon{opacity:1}.nav-badge{margin-left:auto;background:var(--red);color:#fff;font-size:10px;font-weight:600;padding:1px 6px;border-radius:20px;line-height:1.4}.nav-badge.green{background:var(--green)}.nav-badge.amber{background:var(--amber)}.main{margin-left:var(--sidebar);flex:1;padding:22px;min-width:0;overflow-x:hidden}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.card-header{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.card-title{font-size:13px;font-weight:600}.card-body{padding:16px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.stats-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.stat-label{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}.stat-value{font-size:24px;font-weight:600;line-height:1;color:var(--text)}.stat-sub{font-size:11px;color:var(--text3);margin-top:3px}.stat-value.green{color:var(--green)}.stat-value.red{color:var(--red)}.stat-value.amber{color:var(--amber)}.stat-value.accent{color:var(--accent)}.q-table{width:100%;border-collapse:collapse}.q-table th{font-size:11px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;padding:8px 12px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.q-table td{padding:9px 12px;border-bottom:1px solid var(--border);vertical-align:middle;font-size:13px}.q-table tr:last-child td{border-bottom:none}.q-table tbody tr:hover td{background:var(--surface2)}.q-table tr.selected td{background:#4f8ef710}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:500;white-space:nowrap}.badge.new{background:var(--surface2);color:var(--text2);border:1px solid var(--border2)}.badge.interested{background:var(--green-bg);color:var(--green);border:1px solid #22c55e22}.badge.not-interested{background:var(--red-bg);color:var(--red);border:1px solid #ef444422}.badge.callback{background:var(--amber-bg);color:var(--amber);border:1px solid #f59e0b22}.badge.sla-ok{background:var(--green-bg);color:var(--green)}.badge.sla-warn{background:var(--amber-bg);color:var(--amber)}.badge.sla-breach{background:var(--red-bg);color:var(--red)}.badge.src-web{background:#4f8ef715;color:var(--accent)}.badge.src-chatbot{background:var(--purple-bg);color:var(--purple)}.badge.src-ekyc{background:var(--teal-bg);color:var(--teal)}.badge.src-live{background:var(--amber-bg);color:var(--amber)}.badge.src-meta{background:var(--pink-bg);color:var(--pink)}.badge.src-google{background:var(--green-bg);color:var(--green)}.sla-t{font-family:var(--mono);font-size:12px;font-weight:500}.sla-t.ok{color:var(--green)}.sla-t.warn{color:var(--amber)}.sla-t.breach{color:var(--red)}.stage-track{display:flex;gap:2px;align-items:center}.stage-pip{width:16px;height:5px;border-radius:3px;background:var(--border2)}.stage-pip.done{background:var(--teal)}.stage-pip.current{background:var(--accent)}.kyc-stages{display:flex;gap:5px;flex-wrap:wrap}.kyc-stage{padding:3px 9px;border-radius:20px;font-size:11px;font-weight:500;border:1px solid var(--border);color:var(--text3);background:var(--bg)}.kyc-stage.done{background:var(--teal-bg);color:var(--teal);border-color:#14b8a630}.kyc-stage.current{background:#4f8ef718;color:var(--accent);border-color:#4f8ef740}.kyc-stage.rejected{background:var(--red-bg);color:var(--red);border-color:#ef444430}.detail-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:none;flex-direction:column;overflow-y:auto;max-height:calc(100vh - 100px)}.detail-panel.open{display:flex}.detail-top{padding:16px;border-bottom:1px solid var(--border)}.detail-name{font-size:17px;font-weight:600;margin-bottom:2px}.detail-mobile{font-family:var(--mono);font-size:13px;color:var(--text2)}.detail-row{display:flex;gap:6px;align-items:center;margin-top:8px;flex-wrap:wrap}.det-sec{padding:12px 16px;border-bottom:1px solid var(--border)}.det-sec-title{font-size:10px;font-weight:600;letter-spacing:.07em;color:var(--text3);text-transform:uppercase;margin-bottom:10px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.field-item{display:flex;flex-direction:column;gap:2px}.field-label{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.05em}.field-value{font-size:12px;color:var(--text);font-weight:500;word-break:break-all}.source-timeline{display:flex;flex-direction:column;gap:0}.source-event{display:flex;gap:10px;align-items:flex-start;padding:8px 0;position:relative}.source-event:before{content:"";position:absolute;left:7px;top:22px;width:1px;height:calc(100% - 8px);background:var(--border)}.source-event:last-child:before{display:none}.src-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--border2);background:var(--bg);flex-shrink:0;margin-top:2px;z-index:1}.src-dot.active{border-color:var(--accent);background:var(--accent)}.src-info{flex:1;min-width:0}.src-name{font-size:12px;font-weight:500;color:var(--text)}.src-date{font-size:11px;color:var(--text3);margin-top:1px}.utm-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:6px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px}.utm-row{display:flex;flex-direction:column;gap:1px}.utm-key{font-size:9px;color:var(--text3);text-transform:uppercase;letter-spacing:.05em}.utm-val{font-size:11px;color:var(--text2);font-family:var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--green);color:#fff;padding:9px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;transition:all .15s;width:100%}.call-btn:hover{background:#16a34a}.call-btn.calling{background:var(--red);animation:pulse 1.2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.75}}.outcome-btns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:10px}.outcome-btn{padding:8px 4px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;border:1px solid var(--border2);color:var(--text2);text-align:center;cursor:pointer;transition:all .15s}.outcome-btn:hover{border-color:var(--border);color:var(--text)}.outcome-btn.active.interested{background:var(--green-bg);border-color:var(--green);color:var(--green)}.outcome-btn.active.not-interested{background:var(--red-bg);border-color:var(--red);color:var(--red)}.outcome-btn.active.callback{background:var(--amber-bg);border-color:var(--amber);color:var(--amber)}.form-select,.form-input{width:100%;background:var(--bg);border:1px solid var(--border2);border-radius:var(--radius-sm);color:var(--text);padding:7px 10px;font-size:12px;font-family:var(--font);margin-bottom:7px}.form-select:focus,.form-input:focus{outline:none;border-color:var(--accent)}.save-btn{width:100%;background:var(--accent);color:#fff;padding:8px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;transition:all .15s}.save-btn:hover{background:var(--accent2)}.recording-bar{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 10px;margin-top:8px}.play-btn{width:26px;height:26px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}.rec-wave{flex:1;height:18px;display:flex;align-items:center;gap:1px}.rec-wave span{display:block;width:3px;border-radius:2px;background:var(--border2)}.filter-bar{display:flex;gap:7px;margin-bottom:14px;flex-wrap:wrap;align-items:center}.search-wrap{flex:1;min-width:160px;position:relative}.search-icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);opacity:.4;pointer-events:none}.search-input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:7px 10px 7px 30px;font-size:12px;font-family:var(--font)}.search-input:focus{outline:none;border-color:var(--accent)}.f-select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text2);padding:7px 9px;font-size:12px;font-family:var(--font)}.f-select:focus{outline:none;border-color:var(--accent)}.funnel{display:flex;flex-direction:column;gap:5px}.funnel-row{display:flex;align-items:center;gap:8px}.funnel-label{font-size:11px;color:var(--text2);width:96px;text-align:right;flex-shrink:0}.funnel-bar-wrap{flex:1;background:var(--bg);border-radius:3px;height:20px;overflow:hidden}.funnel-bar{height:100%;border-radius:3px;display:flex;align-items:center;padding-left:7px;font-size:10px;font-weight:600;color:#fffc;transition:width .5s ease}.funnel-count{font-size:11px;color:var(--text3);width:32px;font-family:var(--mono);flex-shrink:0}.agents-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.agent-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.agent-header{display:flex;align-items:center;gap:9px;margin-bottom:11px}.agent-name{font-size:13px;font-weight:600;line-height:1.2}.agent-status-txt{font-size:11px;color:var(--text3)}.agent-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.a-stat{text-align:center}.a-stat-val{font-size:15px;font-weight:600}.a-stat-lbl{font-size:9px;color:var(--text3);text-transform:uppercase;letter-spacing:.04em}.online-dot{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block;margin-right:3px}.offline-dot{width:7px;height:7px;border-radius:50%;background:var(--text3);display:inline-block;margin-right:3px}.settings-layout{display:grid;grid-template-columns:200px 1fr;gap:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.settings-nav{border-right:1px solid var(--border);padding:12px 0}.settings-nav-item{padding:8px 16px;font-size:13px;color:var(--text2);cursor:pointer;transition:all .12s;border-left:2px solid transparent}.settings-nav-item:hover{color:var(--text);background:var(--surface2)}.settings-nav-item.active{color:var(--accent);border-left-color:var(--accent);background:#4f8ef708}.settings-content{padding:20px;min-height:400px}.settings-section{margin-bottom:24px}.settings-section-title{font-size:13px;font-weight:600;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--border)}.setting-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--border)}.setting-row:last-child{border-bottom:none}.setting-info{flex:1}.setting-name{font-size:13px;font-weight:500;margin-bottom:2px}.setting-desc{font-size:11px;color:var(--text3);line-height:1.5}.toggle{display:inline-block;position:relative;width:36px;height:20px;flex-shrink:0;margin-top:1px}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border2);border-radius:20px;cursor:pointer;transition:.2s}.toggle-slider:before{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.toggle input:checked+.toggle-slider{background:var(--accent)}.toggle input:checked+.toggle-slider:before{transform:translate(16px)}.setting-input{background:var(--bg);border:1px solid var(--border2);border-radius:var(--radius-sm);color:var(--text);padding:6px 10px;font-size:12px;font-family:var(--font);width:80px;text-align:center}.setting-input:focus{outline:none;border-color:var(--accent)}.utm-tag-wrap{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.utm-tag{padding:3px 10px;background:var(--bg);border:1px solid var(--border2);border-radius:20px;font-size:11px;color:var(--text2);font-family:var(--mono)}.sla-alert{background:var(--red-bg);border:1px solid #ef444428;border-radius:var(--radius-sm);padding:9px 12px;display:flex;align-items:center;gap:9px;margin-bottom:12px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.notif-dot{width:7px;height:7px;border-radius:50%;background:var(--red);flex-shrink:0}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px;gap:12px;flex-wrap:wrap}.page-title{font-size:17px;font-weight:600;letter-spacing:-.3px}.page-sub{font-size:12px;color:var(--text3);margin-top:1px}.grid-sidebar{display:grid;grid-template-columns:1fr 320px;gap:14px;align-items:start}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.header-btn{padding:6px 13px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;background:var(--surface2);border:1px solid var(--border2);color:var(--text2);cursor:pointer;transition:all .12s}.header-btn:hover{color:var(--text);border-color:var(--border)}.header-btn.primary{background:var(--accent);border-color:transparent;color:#fff}.header-btn.primary:hover{background:var(--accent2)}.tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:14px}.tab{padding:7px 14px;font-size:12px;color:var(--text3);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .12s}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab:hover{color:var(--text2)}.view{display:none}.view.active{display:block}.section{display:none}.section.active{display:block}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt14{margin-top:14px}.mt16{margin-top:16px}.mb8{margin-bottom:8px}.mb12{margin-bottom:12px}.flex{display:flex}.gap-6{gap:6px}.gap-8{gap:8px}.items-center{align-items:center}.justify-between{justify-content:space-between}.text-muted{color:var(--text2)}.text-dim{color:var(--text3)}.text-xs{font-size:11px}.mono{font-family:var(--mono)}.empty{text-align:center;padding:32px;color:var(--text3);font-size:13px}.divider{height:1px;background:var(--border);margin:0}.badge.attempting{background:#4f8ef715;color:var(--accent);border:1px solid #4f8ef722}.badge.unreachable,.badge.closed{background:var(--surface2);color:var(--text3);border:1px solid var(--border2)}.badge.converted{background:var(--teal-bg);color:var(--teal);border:1px solid #14b8a630}.badge.src-manual,.badge.src-import{background:var(--surface2);color:var(--text2)}.badge.dnd{background:var(--red-bg);color:var(--red)}.badge.prio{background:var(--purple-bg);color:var(--purple)}.stage-pip.rejected{background:var(--red)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login-card{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px}.err{color:var(--red);font-size:12px;margin:6px 0}.toast-stack{position:fixed;bottom:22px;right:22px;display:flex;flex-direction:column;gap:8px;z-index:999}.toast{color:#fff;padding:9px 16px;border-radius:8px;font-size:13px;font-weight:500;animation:fadeIn .2s ease;max-width:360px;cursor:pointer}.save-btn:disabled,.call-btn:disabled,.header-btn:disabled{opacity:.45;cursor:not-allowed}.call-btn.live{background:var(--red)}.call-btn.ringing{background:var(--amber);animation:pulse 1.2s infinite}.call-status{font-size:11px;color:var(--text3);margin-top:6px;text-align:center}.note-item{font-size:12px;padding:6px 0;border-bottom:1px solid var(--border)}.note-item:last-child{border-bottom:none}.pager{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-top:1px solid var(--border);font-size:12px;color:var(--text3)}.chk{width:14px;height:14px;accent-color:var(--accent)}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#000a;display:flex;align-items:center;justify-content:center;z-index:200;padding:16px}.modal{position:relative;background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius);padding:20px;width:100%;max-width:440px;max-height:90vh;overflow:auto}.modal h3{font-size:15px;margin-bottom:14px}.form-label{font-size:11px;color:var(--text3);display:block;margin-bottom:3px}.key-box{font-family:var(--mono);font-size:12px;background:var(--bg);border:1px solid var(--accent);border-radius:6px;padding:10px;word-break:break-all;margin:10px 0}.empty-state{padding:40px 16px;text-align:center;color:var(--text3)}.hint{font-size:11px;color:var(--text3);line-height:1.5}.day-chip{padding:3px 8px;border-radius:5px;border:1px solid var(--border2);font-size:11px;color:var(--text2);cursor:pointer;background:var(--bg)}.day-chip.on{background:#4f8ef720;border-color:var(--accent);color:var(--accent)}@media(max-width:1100px){.grid-sidebar,.grid-2{grid-template-columns:1fr}.stats-grid,.agents-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{display:none}.main{margin-left:0;padding:14px}.settings-layout{grid-template-columns:1fr}.settings-nav{display:flex;overflow-x:auto;border-right:none;border-bottom:1px solid var(--border);padding:0}.settings-nav-item{white-space:nowrap;border-left:none;border-bottom:2px solid transparent}.agents-grid{grid-template-columns:1fr}.topbar-user span{display:none}}@media(max-width:760px){.topbar{gap:8px;padding:0 10px}.topbar-user{margin-left:0}.topbar-user .status-wrap{display:none}.logo{font-size:0;gap:0}.logo-dot{width:10px;height:10px}}:root{color-scheme:dark}:root[data-theme=light]{color-scheme:light;--bg:#f4f6fa;--surface:#ffffff;--surface2:#eef1f6;--border:#1018280f;--border2:#10182824;--text:#141821;--text2:#4a5164;--text3:#80879a;--accent:#2563eb;--accent2:#1d4ed8;--green:#15803d;--green-bg:#16a34a14;--red:#dc2626;--red-bg:#dc262612;--amber:#b45309;--amber-bg:#d9770614;--purple:#7e22ce;--purple-bg:#9333ea12;--teal:#0f766e;--teal-bg:#0d948814;--pink:#be185d;--pink-bg:#db277712}:root[data-theme=light] .nav-item.active{background:#2563eb12}:root[data-theme=light] .q-table tr.selected td{background:#2563eb0d}:root[data-theme=light] .badge.interested{border-color:#15803d2e}:root[data-theme=light] .badge.not-interested{border-color:#dc26262e}:root[data-theme=light] .badge.callback{border-color:#b453092e}:root[data-theme=light] .modal-bg{background:#0f172a66}:root[data-theme=light] .card,:root[data-theme=light] .stat-card,:root[data-theme=light] .agent-card,:root[data-theme=light] .detail-panel,:root[data-theme=light] .settings-layout{box-shadow:0 1px 2px #1018280d}.theme-btn{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border2);background:var(--surface2);color:var(--text2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .12s}.theme-btn:hover{color:var(--text)}.pipe-tabs{display:inline-flex;gap:4px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px}.pipe-tab{padding:5px 12px;border-radius:4px;font-size:12px;font-weight:500;color:var(--text2);cursor:pointer}.pipe-tab.active{background:var(--surface2);color:var(--text)}.date-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media(max-width:760px){.date-grid{grid-template-columns:repeat(2,1fr)}}.modal.wide{max-width:900px}.grid-2.grid-wide-left{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}@media(max-width:1100px){.grid-2.grid-wide-left{grid-template-columns:1fr}}.gap-4{gap:4px}.gap-12{gap:12px}.msg-item{border:1px solid var(--border);border-radius:6px;padding:7px 9px;margin-bottom:6px;font-size:12px}.msg-item.in{border-left:3px solid var(--purple)}.msg-item .msg-body{white-space:pre-wrap;color:var(--text2);margin-top:3px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}.msg-item .msg-body.open{-webkit-line-clamp:unset}.consent-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:11px;border:1px solid var(--border2);cursor:pointer;background:var(--surface2);color:var(--text2)}.consent-chip.off{background:var(--red-bg);color:var(--red);border-color:transparent}.modal-x{position:absolute;top:10px;right:12px;width:28px;height:28px;border-radius:6px;font-size:20px;line-height:1;color:var(--text2);background:transparent}.modal-x:hover{background:var(--surface2);color:var(--text)}.modal h3{padding-right:32px}.sla-t.cb{color:var(--amber)}.cb-timer{display:inline-flex;flex-direction:column;gap:1px;line-height:1.25}.badge.cb-upcoming{background:var(--amber-bg);color:var(--amber);border:1px solid #f59e0b22}.badge.cb-soon{background:var(--amber-bg);color:var(--amber);border:1.5px solid var(--amber);font-weight:600}.badge.cb-due{background:var(--red);color:#fff;border:1px solid var(--red);animation:pulse 1.6s infinite}.badge.cb-overdue{background:var(--red-bg);color:var(--red);border:1px solid #ef444440}.badge.cb-pending{background:var(--purple-bg);color:var(--purple);border:1px solid #a855f730}.tab .tab-count{display:inline-block;min-width:18px;padding:0 5px;margin-left:5px;border-radius:9px;font-size:10px;font-weight:600;line-height:16px;text-align:center;background:var(--surface2);color:var(--text3);border:1px solid var(--border2)}.tab.active .tab-count{background:#4f8ef718;color:var(--accent);border-color:#4f8ef740}.tab.cb-tab{display:inline-flex;align-items:center;gap:4px}.tab.cb-tab .tab-count{background:var(--amber-bg);color:var(--amber);border-color:#f59e0b40}.tab.cb-tab.active{color:var(--amber);border-bottom-color:var(--amber)}.tab.cb-tab.active .tab-count{background:var(--amber);color:var(--surface);border-color:var(--amber)}.tab .tab-alert{width:7px;height:7px;border-radius:50%;background:var(--red);display:inline-block;margin-left:2px}.cb-filters{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid var(--border);background:var(--surface2)}.cb-filters .day-chip{font-size:11px;padding:3px 9px}.cb-filters .day-chip.on.amber{background:var(--amber-bg);border-color:var(--amber);color:var(--amber)}.cb-filters .day-chip.on.red{background:var(--red-bg);border-color:var(--red);color:var(--red)}.cb-filters .day-chip.on.purple{background:var(--purple-bg);border-color:var(--purple);color:var(--purple)}.cb-filters input[type=date]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text2);padding:3px 6px;font-size:11px;font-family:var(--font)}.q-table tr.cb-row-due td:first-child,.q-table tr.cb-row-overdue td:first-child{box-shadow:inset 3px 0 0 var(--red)}.q-table tr.cb-row-soon td:first-child{box-shadow:inset 3px 0 0 var(--amber)}.cb-when{font-weight:500;font-size:13px}.cb-presets{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}.cb-hint{font-size:11px;color:var(--text3);margin:-4px 0 8px}.cb-hint.err{color:var(--red)}.cb-box{border:1px solid #f59e0b40;background:var(--amber-bg);border-radius:var(--radius-sm);padding:10px 12px}.cb-box.due,.cb-box.overdue{border-color:#ef444450;background:var(--red-bg)}.cb-hist{font-size:11px;color:var(--text3);margin-top:8px;display:flex;flex-direction:column;gap:3px}.cb-pop-wrap{position:fixed;right:20px;bottom:20px;z-index:300;width:360px;max-width:calc(100vw - 32px);animation:fadeIn .2s ease}.cb-pop{background:var(--surface);border:1px solid var(--amber);border-radius:var(--radius);box-shadow:0 12px 40px #0006;overflow:hidden}.cb-pop.overdue{border-color:var(--red)}.cb-pop-head{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--amber-bg);border-bottom:1px solid #f59e0b30;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--amber)}.cb-pop.overdue .cb-pop-head{background:var(--red-bg);color:var(--red);border-bottom-color:#ef444430}.cb-pop-body{padding:12px 14px}.cb-pop-name{font-size:16px;font-weight:600}.cb-pop-row{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--text2);margin-top:6px}.cb-pop-row span:first-child{color:var(--text3)}.cb-pop-note{margin-top:8px;font-size:12px;color:var(--text2);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:7px 9px;white-space:pre-wrap}.cb-pop-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 14px 14px}.cb-pop-actions .call-btn{margin:0}.cb-pop-more{font-size:11px;color:var(--text3);padding:0 14px 10px;text-align:center}.leave-btn{display:inline-flex;align-items:center;gap:6px;height:32px}.leave-btn.on{border-color:var(--purple);color:var(--purple)}.leave-now-dot{font-size:10px;font-weight:600;padding:0 6px;border-radius:9px;background:var(--purple-bg);color:var(--purple);border:1px solid #a855f740}.lv-wrap{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px}@media(max-width:760px){.lv-wrap{grid-template-columns:1fr}.leave-btn{font-size:0;gap:0;padding:6px 9px}.leave-btn svg{width:15px;height:15px}.leave-now-dot{display:none}}.lv-cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.lv-cal-title{font-size:14px;font-weight:600}.lv-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.lv-wd{font-size:10px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;text-align:center;padding:2px 0 4px}.lv-day{min-height:58px;border:1px solid var(--border);border-radius:6px;padding:4px 5px;cursor:pointer;display:flex;flex-direction:column;gap:2px;background:var(--surface);transition:all .12s;overflow:hidden}.lv-day:hover{border-color:var(--accent)}.lv-day.empty{border:none;background:none;cursor:default}.lv-day.off,.lv-day.past{background:var(--surface2);cursor:not-allowed;opacity:.55}.lv-day.past{cursor:pointer}.lv-day.off:hover{border-color:var(--border)}.lv-day.today .lv-num{background:var(--accent);color:#fff;border-radius:10px;padding:0 6px}.lv-day.sel{border:2px solid var(--accent);background:#4f8ef712;padding:3px 4px}.lv-num{font-size:12px;font-weight:600;align-self:flex-start;line-height:18px}.lv-tag{font-size:9.5px;font-weight:600;border-radius:4px;padding:0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:15px}.lv-tag.leave{background:var(--purple-bg);color:var(--purple)}.lv-tag.permission{background:var(--amber-bg);color:var(--amber)}.lv-tag.more{color:var(--text3)}.lv-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--text3);margin-top:10px}.lv-legend span{display:inline-flex;align-items:center;gap:5px}.lv-sw{width:11px;height:11px;border-radius:3px;display:inline-block;border:1px solid var(--border2)}.lv-sw.sel{border:2px solid var(--accent);background:#4f8ef712}.lv-sw.leave{background:var(--purple-bg);border-color:var(--purple)}.lv-sw.permission{background:var(--amber-bg);border-color:var(--amber)}.lv-sw.off{background:var(--surface2)}.lv-side{min-width:0}.lv-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.lv-seg{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border2);border-radius:var(--radius-sm);overflow:hidden}.lv-seg-opt{text-align:center;padding:7px;font-size:12px;font-weight:500;color:var(--text2);cursor:pointer;background:var(--surface)}.lv-seg-opt+.lv-seg-opt{border-left:1px solid var(--border2)}.lv-seg-opt.on{background:var(--accent);color:#fff}.lv-opts{display:flex;flex-direction:column;gap:6px;margin-top:8px}.lv-opt{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border2);border-radius:var(--radius-sm);cursor:pointer;font-size:12px}.lv-opt.on{border-color:var(--accent);background:#4f8ef710}.lv-opt input{accent-color:var(--accent)}.lv-err{margin-top:10px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--red-bg);border:1px solid #ef444430;color:var(--red);font-size:12px}.lv-err ul{margin:4px 0 0 16px}.lv-info{padding:8px 10px;border-radius:var(--radius-sm);background:#4f8ef712;border:1px solid #4f8ef730;color:var(--text2);font-size:12px}.lv-review td,.lv-review th{padding:7px 8px}.lv-list{display:flex;flex-direction:column;gap:6px}.lv-item{display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.badge.lt-ri{background:#4f8ef715;color:var(--accent);border:1px solid #4f8ef733;font-weight:600;letter-spacing:.02em}.badge.lt-nri{background:var(--teal-bg);color:var(--teal);border:1px solid #14b8a640;font-weight:600;letter-spacing:.02em}.lt-none{font-size:11px;color:var(--text3);white-space:nowrap}.lv-day.office{background:var(--surface2);border-color:var(--border2);cursor:not-allowed;opacity:1}.lv-day.office .lv-num{color:var(--text3)}.lv-day.focus{border-color:var(--accent)}.lv-tag.office{background:var(--border2);color:var(--text2)}.lv-sw.office{background:var(--border2);border-color:var(--text3)}.call-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}.call-btns .call-btn{white-space:nowrap;padding:9px 10px}.call-btn.call-whatsapp{background:var(--surface);color:#0f7a41;border:1.5px solid #128c4b}.call-btn.call-whatsapp:hover:not(:disabled){background:#128c4b14}[data-theme=dark] .call-btn.call-whatsapp{color:#25d366;border-color:#25d366}[data-theme=dark] .call-btn.call-whatsapp:hover:not(:disabled){background:#25d36618}.call-btn.call-phone{background:var(--green)}.call-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.call-pending{border:1px solid #16a34a40;background:var(--green-bg);border-radius:var(--radius-sm);padding:10px 12px}.call-pending.whatsapp{border-color:#128c4b55}.call-finish{display:grid;grid-template-columns:1.4fr 1fr;gap:8px;margin-top:10px}.call-finish .save-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-spin{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:420px){.call-btns{grid-template-columns:1fr}}.wa-perm{display:flex;gap:10px;align-items:flex-start;padding:9px 11px;margin-bottom:10px;border-radius:var(--radius-sm);background:var(--purple-bg);border:1px solid #a855f740;color:var(--text);font-size:12px}.wa-perm svg{color:#128c4b;flex-shrink:0;margin-top:1px}.mt4{margin-top:4px}.cc-live{position:sticky;top:0;z-index:20}.cc-live:empty{display:none}.cc-bar{display:flex;align-items:center;gap:10px;width:100%;margin:0 0 12px;padding:8px 12px;border-radius:var(--radius-sm);border:1px solid #16a34a55;background:var(--green-bg);color:var(--text);font:inherit;font-size:12px;text-align:left;cursor:pointer;box-shadow:0 2px 8px #0000000f;min-width:0}.cc-bar:hover{border-color:var(--green)}.cc-bar:focus-visible{outline:2px solid var(--green);outline-offset:2px}.cc-pulse{width:8px;height:8px;border-radius:50%;background:var(--green);flex-shrink:0;animation:cc-pulse 1.6s ease-in-out infinite}@keyframes cc-pulse{0%,to{box-shadow:0 0 #16a34a66}50%{box-shadow:0 0 0 5px #16a34a00}}@media(prefers-reduced-motion:reduce){.cc-pulse{animation:none}}.cc-label{font-weight:700;color:var(--green);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.cc-type{display:inline-flex;align-items:center;gap:4px;color:var(--text2);white-space:nowrap}.cc-bar.wa .cc-type svg{color:#128c4b}.cc-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:0 1 auto}.cc-code{color:var(--text3);font-size:11px;white-space:nowrap}.cc-time{color:var(--text2);white-space:nowrap}.cc-open{margin-left:auto;color:var(--green);font-weight:600;white-space:nowrap}@media(max-width:760px){.cc-bar{flex-wrap:wrap;gap:4px 8px}.cc-code{display:none}.cc-open{margin-left:0}.cc-name{flex-basis:calc(100% - 120px)}}.cn-strip{display:flex;margin:0 0 12px}.cn-chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:7px 12px;border-radius:var(--radius-sm);border:1px solid var(--border2);background:var(--surface);color:var(--text);font:inherit;font-size:12px;cursor:pointer;box-shadow:0 1px 4px #0000000d;min-width:0;text-align:left}.cn-chip svg{color:var(--accent);flex-shrink:0}.cn-chip:hover{border-color:var(--accent)}.cn-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cn-label{font-weight:700;color:var(--accent);white-space:nowrap}.cn-sep{color:var(--text3)}.cn-type{color:var(--text2);white-space:nowrap}.cn-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.cn-code{color:var(--text3);font-size:11px;white-space:nowrap}.cn-go{color:var(--accent);font-weight:600;white-space:nowrap;margin-left:6px}@media(max-width:760px){.cn-chip{width:100%;flex-wrap:wrap;gap:4px 8px}.cn-code,.cn-sep{display:none}.cn-go{margin-left:auto}}.header-btn.danger{color:var(--red);border-color:#ef444466}.header-btn.danger:hover:not(:disabled){background:var(--red-bg);border-color:var(--red)}.header-btn.danger.solid{background:var(--red);color:#fff;border-color:var(--red)}.header-btn.danger.solid:hover:not(:disabled){background:#dc2626}.header-btn.danger:focus-visible{outline:2px solid var(--red);outline-offset:2px}