*{box-sizing:border-box}body{color:#162033;background:#f5f7fb;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}.login-page{grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-left{color:#fff;background:radial-gradient(circle at 20% 20%,#605bff52,#0000 35%),radial-gradient(circle at 90% 80%,#00c2ff2e,#0000 30%),linear-gradient(145deg,#07142e,#112b60);flex-direction:column;justify-content:space-between;padding:56px 70px;display:flex}.brand-large,.logo,.mobile-brand{align-items:center;gap:12px;display:flex}.brand-icon{color:#fff;background:linear-gradient(135deg,#6c63ff,#287cff);border-radius:15px;place-items:center;width:52px;height:52px;font-size:26px;font-weight:900;display:grid;box-shadow:0 12px 30px #405dff4d}.brand-icon.small{border-radius:11px;width:39px;height:39px;font-size:19px}.brand-large strong{letter-spacing:2px;font-size:25px;display:block}.brand-large span{opacity:.65;letter-spacing:4px;font-size:11px}.login-message{max-width:650px}.badge,.eyebrow{letter-spacing:1.5px;color:#8aa9ff;font-size:11px;font-weight:800;display:inline-block}.login-message h1{letter-spacing:-2.5px;margin:18px 0;font-size:clamp(40px,5vw,70px);line-height:1.03}.login-message p{color:#b9c5dd;max-width:590px;font-size:18px;line-height:1.65}.channel-row{flex-wrap:wrap;gap:12px;display:flex}.channel-row span{color:#d9e2f3;background:#ffffff0f;border:1px solid #ffffff21;border-radius:30px;padding:10px 14px;font-size:12px}.login-right{background:#fff;place-items:center;padding:40px;display:grid}.login-card{width:min(430px,100%)}.mobile-brand{display:none}.login-card h2{letter-spacing:-1px;margin:0 0 8px;font-size:34px}.muted{color:#7f899c;margin-bottom:34px}.login-card label{margin:17px 0 8px;font-size:13px;font-weight:700;display:block}.login-card input{border:1px solid #dde3ee;border-radius:12px;outline:none;width:100%;padding:14px 15px;transition:all .2s}.login-card input:focus{border-color:#5d69ef;box-shadow:0 0 0 4px #5d69ef17}.login-button{color:#fff;background:#5361e9;border:0;border-radius:12px;width:100%;margin-top:22px;padding:14px;font-weight:800}.login-button:disabled{opacity:.65}.error{color:#a32132;background:#fff0f2;border-radius:10px;margin-top:15px;padding:11px 12px;font-size:13px}.secure-text{text-align:center;color:#a0a8b6;margin-top:20px;font-size:12px}.app{grid-template-columns:244px 1fr;min-height:100vh;display:grid}.sidebar{color:#cad4e6;background:#0c1730;flex-direction:column;height:100vh;padding:24px 15px;display:flex;position:sticky;top:0}.logo{padding:0 10px 25px}.logo strong{color:#fff;font-size:17px;display:block}.logo span{color:#7685a1;margin-top:2px;font-size:11px;display:block}nav{flex-direction:column;gap:4px;display:flex}nav button,.logout{color:#98a7c1;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;padding:11px 13px;display:flex}nav button:hover,.nav-active{color:#fff!important;background:#182a4d!important}.counter{color:#fff;background:#5866ee;border-radius:20px;margin-left:auto;padding:2px 7px;font-size:10px}.sidebar-bottom{margin-top:auto}.agent-status{border-top:1px solid #1c2b49;align-items:center;gap:10px;padding:20px 8px 12px;display:flex}.avatar{color:#fff;background:#6270ee;border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:grid}.agent-status strong,.agent-status span{font-size:12px;display:block}.agent-status strong{color:#fff;margin-bottom:3px}.agent-status span{color:#7f8da7}.agent-status i,.live-status i,.system-row i{background:#32c689;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.logout{width:100%;margin-top:4px}main{min-width:0}header{background:#fff;border-bottom:1px solid #e7eaf0;justify-content:space-between;align-items:center;height:74px;padding:0 30px;display:flex}header h2{margin:0;font-size:18px}header p{color:#929bad;margin:3px 0 0;font-size:11px}.header-actions{gap:10px;display:flex}.search{color:#9aa3b2;border:1px solid #e2e6ee;border-radius:10px;align-items:center;gap:7px;padding:0 12px;display:flex}.search input{border:0;outline:0;width:220px;padding:10px 0}.icon-button{background:#fff;border:1px solid #e2e6ee;border-radius:10px;width:40px}.content{padding:29px}.welcome{justify-content:space-between;align-items:center;margin-bottom:23px;display:flex}.welcome h1{letter-spacing:-1px;margin:7px 0 4px}.welcome p{color:#8993a5;margin:0}.live-status{color:#288a65;background:#edfaf4;border-radius:20px;padding:9px 13px;font-size:12px;font-weight:700}.stats{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.stat-card,.panel{background:#fff;border:1px solid #e6e9ef;border-radius:14px;box-shadow:0 4px 18px #1c274109}.stat-card{padding:18px}.stat-top{color:#768196;align-items:center;gap:9px;font-size:12px;display:flex}.stat-icon{color:#5a67e9;background:#f0f2ff;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.stat-value{margin:15px 0 3px;font-size:30px;display:block}.stat-card small{color:#a0a7b4}.dashboard-grid{grid-template-columns:1.75fr 1fr;gap:15px;margin-top:15px;display:grid}.bottom-grid{grid-template-columns:1.5fr 1fr;gap:15px;margin-top:15px;display:grid}.panel{padding:18px}.panel-head{justify-content:space-between;align-items:flex-start;display:flex}.panel-head h3{margin:0 0 3px;font-size:14px}.panel-head p{color:#9aa3b2;margin:0;font-size:11px}.panel-head button{color:#525fdc;background:#eff1ff;border:0;border-radius:8px;padding:8px 11px;font-size:11px;font-weight:700}.empty{text-align:center;align-content:center;place-items:center;min-height:250px;display:grid}.empty-icon{color:#6370e8;background:#f0f2ff;border-radius:16px;place-items:center;width:58px;height:58px;display:grid}.empty h3{margin:14px 0 5px;font-size:14px}.empty p{color:#939cab;max-width:350px;font-size:12px;line-height:1.5}.channel-list{padding-top:13px}.channel-item{border-bottom:1px solid #eef0f4;justify-content:space-between;align-items:center;padding:13px 0;display:flex}.channel-item:last-child{border-bottom:0}.channel-item div{align-items:center;gap:8px;display:flex}.channel-item strong{font-size:12px}.channel-dot{background:#aeb6c5;border-radius:50%;width:8px;height:8px}.channel-status{color:#9099aa;background:#f3f5f8;border-radius:20px;padding:5px 8px;font-size:10px}.performance{grid-template-columns:repeat(3,1fr);margin-top:20px;display:grid}.performance div{border-right:1px solid #eef0f4;padding:13px}.performance div:last-child{border-right:0}.performance span,.performance strong{display:block}.performance span{color:#959dad;font-size:11px}.performance strong{margin-top:8px;font-size:20px}.system-row{border-bottom:1px solid #eff1f4;justify-content:space-between;padding:11px 0;font-size:11px;display:flex}.system-row strong{color:#288a65}.page-placeholder{text-align:center;align-content:center;place-items:center;min-height:calc(100vh - 135px);display:grid}.page-placeholder h2{margin:15px 0 4px}.page-placeholder p{color:#929bad}footer{text-align:center;color:#a1a9b6;padding:25px 0 5px;font-size:10px}@media (width<=1000px){.stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.bottom-grid{grid-template-columns:1fr}}@media (width<=760px){.login-page{grid-template-columns:1fr}.login-left{display:none}.mobile-brand{margin-bottom:40px;display:flex}.app{grid-template-columns:70px 1fr}.sidebar{padding:20px 9px}.logo div:last-child,nav button span,.agent-status div:last-child,.logout span{display:none}nav button{justify-content:center}.logo{padding-left:6px}.search{display:none}.content{padding:18px}.stats{grid-template-columns:1fr}}.inbox-layout{background:#f4f6fa;grid-template-columns:310px minmax(420px,1fr) 270px;height:calc(100vh - 74px);display:grid}.conversation-list{background:#fff;border-right:1px solid #e4e8ef;overflow:auto}.inbox-title{border-bottom:1px solid #e7eaf0;padding:20px}.inbox-title h3{margin:0;font-size:16px}.inbox-title span{color:#929bad;font-size:11px}.conversation-card{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf0f4;gap:11px;width:100%;padding:15px;display:flex}.conversation-card:hover,.conversation-card.selected{background:#f3f5ff}.conversation-avatar{color:#fff;background:#5866e9;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.conversation-copy{flex:1;min-width:0}.conversation-name{justify-content:space-between;gap:8px;display:flex}.conversation-name strong{font-size:13px}.conversation-name span{text-transform:uppercase;color:#6b74e8;background:#eef0ff;border-radius:10px;padding:4px 6px;font-size:9px}.conversation-copy p{color:#7d8797;white-space:nowrap;text-overflow:ellipsis;margin:5px 0 7px;font-size:11px;overflow:hidden}.ticket-status{background:#eef1f5;border-radius:10px;padding:3px 7px;font-size:9px;display:inline-block}.ticket-status.open{color:#25805f;background:#e9f7f1}.ticket-status.resolved{color:#777f8f;background:#eef0f4}.chat-workspace{background:#f7f9fc;flex-direction:column;min-width:0;display:flex}.chat-header{background:#fff;border-bottom:1px solid #e4e8ef;justify-content:space-between;align-items:center;height:68px;padding:12px 18px;display:flex}.chat-header strong,.chat-header span{display:block}.chat-header span{color:#8b95a6;margin-top:3px;font-size:11px}.resolve-button{background:#fff;border:1px solid #d8deea;border-radius:9px;padding:8px 12px;font-size:11px;font-weight:700}.agent-messages{flex-direction:column;flex:1;padding:22px;display:flex;overflow:auto}.agent-msg{max-width:72%;margin-bottom:13px}.agent-msg div{border-radius:14px;padding:11px 13px;font-size:13px;line-height:1.45}.agent-msg small{color:#9ba4b4;margin-top:4px;font-size:9px;display:block}.agent-msg.customer{align-self:flex-start}.agent-msg.customer div{background:#fff;border:1px solid #e1e5ec;border-bottom-left-radius:4px}.agent-msg.agent{text-align:right;align-self:flex-end}.agent-msg.agent div{color:#fff;text-align:left;background:#5765e8;border-bottom-right-radius:4px}.reply-box{background:#fff;border-top:1px solid #e4e8ef;gap:10px;padding:12px;display:flex}.reply-box textarea{resize:none;height:62px;font:inherit;border:1px solid #dde2eb;border-radius:10px;outline:none;flex:1;padding:11px}.reply-box button{color:#fff;background:#5765e8;border:0;border-radius:9px;align-self:flex-end;padding:11px 15px;font-weight:700}.customer-panel{background:#fff;border-left:1px solid #e4e8ef;padding:20px}.customer-panel h3{margin-top:0}.customer-big-avatar{color:#fff;background:#5866e9;border-radius:50%;place-items:center;width:65px;height:65px;margin:24px auto 10px;font-size:24px;font-weight:800;display:grid}.customer-panel h2{text-align:center;margin:8px 0 24px;font-size:16px}.customer-data label,.customer-data span{display:block}.customer-data label{text-transform:uppercase;letter-spacing:.7px;color:#9ba4b3;margin-top:15px;font-size:9px}.customer-data span{overflow-wrap:anywhere;margin-top:4px;font-size:12px}.inbox-empty,.chat-empty{color:#9099a8;text-align:center;padding:30px;font-size:12px}.chat-empty{margin:auto}@media (width<=1050px){.inbox-layout{grid-template-columns:280px 1fr}.customer-panel{display:none}}@media (width<=700px){.inbox-layout{grid-template-columns:1fr}.conversation-list{display:none}}.conversation-actions{gap:6px;display:flex}.conversation-actions button{color:#596377;background:#fff;border:1px solid #dfe4ec;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:700}.conversation-actions .resolve-button{color:#267c5d;background:#eaf8f1;border-color:#d5eee2}.typing-bubble{color:#7e8899;background:#edf1f7;border-radius:12px;align-self:flex-start;margin-top:4px;padding:8px 11px;font-size:10px}.customer-data select{background:#fff;border:1px solid #dce2eb;border-radius:8px;outline:none;width:100%;margin-top:6px;padding:9px 10px;font-size:11px}.email-layout{background:#f5f7fb;grid-template-columns:330px minmax(500px,1fr) 290px;height:calc(100vh - 74px);display:grid;overflow:hidden}.email-list{background:#fff;border-right:1px solid #e5e9f0;overflow-y:auto}.email-list-head{border-bottom:1px solid #e7eaf0;padding:20px}.email-list-head h3{color:#182033;margin:0 0 4px;font-size:16px}.email-list-head span{color:#929bad;font-size:11px}.email-card{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #edf0f4;gap:11px;width:100%;padding:15px;display:flex}.email-card:hover{background:#f7f8ff}.email-card.selected{background:#f0f2ff}.email-avatar{color:#fff;background:#5866e9;border-radius:50%;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:14px;font-weight:800;display:grid}.email-card-copy{flex:1;min-width:0}.email-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.email-card-top strong{color:#20293a;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.email-card h4{color:#313b4e;white-space:nowrap;text-overflow:ellipsis;margin:6px 0 4px;font-size:12px;overflow:hidden}.email-card p{color:#7f8999;white-space:nowrap;text-overflow:ellipsis;margin:0 0 5px;font-size:11px;overflow:hidden}.email-card small{color:#a1a9b7;font-size:9px}.email-thread{background:#f7f9fc;flex-direction:column;min-width:0;display:flex}.email-thread-head{background:#fff;border-bottom:1px solid #e5e9ef;justify-content:space-between;align-items:center;gap:15px;min-height:72px;padding:14px 18px;display:flex}.email-thread-head strong{color:#192236;font-size:15px;display:block}.email-thread-head span{color:#8c96a8;margin-top:4px;font-size:10px;display:block}.email-message-list{flex:1;padding:22px;overflow-y:auto}.email-message{background:#fff;border:1px solid #e1e6ee;border-radius:12px;margin-bottom:14px;padding:16px;box-shadow:0 2px 8px #141e3c06}.email-message.customer{border-left:3px solid #33b886}.email-message.agent{border-left:3px solid #5866e9}.email-message-meta{justify-content:space-between;gap:12px;margin-bottom:13px;display:flex}.email-message-meta strong{color:#263044;font-size:11px}.email-message-meta span{color:#9da5b4;font-size:9px}.email-message-body{white-space:pre-wrap;overflow-wrap:anywhere;color:#4d586b;font-size:12px;line-height:1.65}.email-compose{background:#fff;border-top:1px solid #e3e7ee;padding:14px}.email-compose textarea{resize:none;width:100%;height:110px;font:inherit;border:1px solid #dce2ea;border-radius:10px;outline:none;padding:12px;font-size:12px}.email-compose textarea:focus{border-color:#5866e9;box-shadow:0 0 0 3px #5866e914}.email-compose-bottom{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.email-compose-bottom span{color:#9099a8;font-size:10px}.email-compose-bottom button{color:#fff;cursor:pointer;background:#5866e9;border:0;border-radius:9px;padding:10px 16px;font-weight:700}.email-compose-bottom button:hover{background:#4d5bdb}.email-compose-bottom button:disabled{opacity:.55;cursor:not-allowed}.email-customer{background:#fff;border-left:1px solid #e5e9ef;padding:20px;overflow-y:auto}.email-customer h3{margin:0 0 16px;font-size:14px}@media (width<=1100px){.email-layout{grid-template-columns:300px 1fr}.email-customer{display:none}}@media (width<=760px){.email-layout{grid-template-columns:1fr}.email-list{display:none}}.calls-page{background:#f5f7fb;height:calc(100vh - 74px);padding:24px;overflow:auto}.calls-toolbar{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.calls-toolbar h2{margin:0;font-size:20px}.calls-toolbar p{color:#8f98a8;margin:4px 0 0;font-size:11px}.calls-toolbar button{color:#fff;background:#5866e9;border:0;border-radius:9px;padding:10px 14px;font-weight:700}.calls-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}.call-stat{background:#fff;border:1px solid #e4e8ef;border-radius:12px;padding:16px}.call-stat span{color:#929baa;font-size:10px;display:block}.call-stat strong{margin-top:8px;font-size:26px;display:block}.calls-grid{grid-template-columns:minmax(500px,1.7fr) 360px;gap:16px;display:grid}.calls-panel,.ivr-panel{background:#fff;border:1px solid #e4e8ef;border-radius:13px}.calls-panel{overflow:hidden}.calls-panel-head{border-bottom:1px solid #e8ebf0;padding:17px}.calls-panel-head h3{margin:0;font-size:14px}.calls-empty{text-align:center;color:#929baa;padding:50px;font-size:12px}.call-row{border-bottom:1px solid #edf0f4;align-items:center;gap:12px;padding:14px 16px;display:flex}.call-avatar{color:#5866e9;background:#eef0ff;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.call-main strong,.call-main span{display:block}.call-main strong{font-size:12px}.call-main span{color:#929baa;margin-top:3px;font-size:10px}.call-status{background:#eef1f5;border-radius:20px;padding:5px 8px;font-size:9px}.call-status.missed{color:#b13b3b;background:#fff0f0}.call-buttons{gap:6px;display:flex}.call-buttons button,.end-call{border:0;border-radius:8px;padding:8px 10px;font-size:10px;font-weight:700}.call-buttons .answer{color:#fff;background:#35bb83}.call-buttons .decline,.end-call{color:#fff;background:#ef5d66}.ivr-panel{padding:18px}.ivr-panel h3{margin:0;font-size:15px}.ivr-panel>p{color:#929baa;font-size:10px}.ivr-panel label{margin:16px 0 6px;font-size:10px;font-weight:700;display:block}.ivr-panel textarea{resize:none;width:100%;height:120px;font:inherit;border:1px solid #dce2eb;border-radius:9px;padding:10px;font-size:11px}.save-ivr{color:#fff;background:#5866e9;border:0;border-radius:8px;width:100%;margin-top:8px;padding:10px;font-weight:700}.ivr-options{margin-top:18px}.ivr-option{border-bottom:1px solid #edf0f4;align-items:center;gap:10px;padding:10px 0;display:flex}.ivr-option>b{color:#5866e9;background:#eef0ff;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.ivr-option strong,.ivr-option span{display:block}.ivr-option strong{font-size:11px}.ivr-option span{color:#949dad;margin-top:2px;font-size:9px}.ivr-panel h4{margin:20px 0 8px;font-size:11px}.queue-row{border-bottom:1px solid #edf0f4;justify-content:space-between;padding:8px 0;font-size:10px;display:flex}@media (width<=1000px){.calls-grid{grid-template-columns:1fr}.calls-stats{grid-template-columns:repeat(2,1fr)}}.softphone-card{background:#fff;border:1px solid #e3e8f1;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:18px 20px;display:flex;box-shadow:0 6px 24px #14203c0d}.softphone-left{align-items:center;gap:14px;display:flex}.softphone-dot{border-radius:50%;flex:none;width:13px;height:13px}.softphone-dot.online{background:#27c281;box-shadow:0 0 0 6px #27c2811f}.softphone-dot.offline{background:#e25565;box-shadow:0 0 0 6px #e255651a}.softphone-label{color:#8994a7;letter-spacing:1.4px;font-size:10px;font-weight:800}.softphone-card h3{margin:3px 0 2px;font-size:16px}.softphone-card p{color:#7d8799;margin:0;font-size:12px}.phone-ready{color:#13875a;background:#ecfbf5;border-radius:30px;padding:8px 12px;font-size:12px;font-weight:700}.phone-connect{color:#fff;background:#5361e9;border:0;border-radius:9px;padding:9px 14px;font-weight:700}.incoming-call-popup{color:#fff;background:#0e1a34;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-bottom:18px;padding:18px 20px;animation:1.4s ease-in-out infinite vboxRing;display:grid;box-shadow:0 16px 45px #08122a3d}@keyframes vboxRing{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.incoming-call-icon{background:#5464ef;border-radius:50%;place-items:center;width:48px;height:48px;font-size:21px;display:grid}.incoming-call-copy span,.incoming-call-copy small{color:#9eabc3;font-size:11px;display:block}.incoming-call-copy strong{margin:3px 0;font-size:19px;display:block}.incoming-call-actions,.active-call-actions{gap:9px;display:flex}.browser-answer,.browser-decline,.browser-hangup,.active-call-actions button{border:0;border-radius:10px;padding:10px 15px;font-weight:800}.browser-answer{color:#fff;background:#2dc887}.browser-decline,.browser-hangup{color:#fff;background:#e65363}.active-call-bar{background:#eef3ff;border:1px solid #d8e1ff;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:15px 18px;display:flex}.active-call-bar span{color:#5a68e8;letter-spacing:1.2px;font-size:10px;font-weight:900;display:block}.active-call-bar strong{margin-top:4px;font-size:17px;display:block}.active-call-actions button{color:#45516a;background:#fff;border:1px solid #dce2ed}.active-call-actions .control-active{color:#fff;background:#5361e9;border-color:#5361e9}.active-call-actions .browser-hangup{color:#fff;background:#e65363;border-color:#e65363}@media (width<=850px){.incoming-call-popup{grid-template-columns:auto 1fr}.incoming-call-actions{grid-column:1/-1}.active-call-bar,.softphone-card{flex-direction:column;align-items:flex-start;gap:14px}}.call-main{flex:1;min-width:0}.call-main>strong{color:#14213d;margin-bottom:4px;font-size:15px;display:block}.call-main>span{color:#65758b;font-size:13px;display:block}.call-meta{flex-wrap:wrap;gap:6px 14px;margin-top:7px;display:flex}.call-meta span{color:#8492a6!important;font-size:11px!important}.call-status{text-transform:capitalize;white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700}.call-status.ringing{color:#856404;background:#fff3cd}.call-status.queued{color:#2457a7;background:#e8f0fe}.call-status.answered{color:#166534;background:#dcfce7}.call-status.completed{color:#157347;background:#e8f8ef}.call-status.missed,.call-status.failed{color:#b42318;background:#fee2e2}.call-row{align-items:center}.crm-page{box-sizing:border-box;height:calc(100vh - 82px);padding:24px;overflow:hidden}.crm-toolbar{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.crm-toolbar h2{margin:0;font-size:24px}.crm-toolbar p{color:#7b8797;margin:5px 0 0;font-size:13px}.crm-primary,.crm-save{cursor:pointer;color:#fff;background:#5b5bd6;border:0;border-radius:10px;padding:11px 18px;font-weight:700}.crm-save:disabled{opacity:.6}.crm-layout{grid-template-columns:350px minmax(0,1fr);gap:18px;height:calc(100% - 72px);display:grid}.crm-list,.crm-profile{background:#fff;border:1px solid #e9edf3;border-radius:16px;overflow:hidden}.crm-list{flex-direction:column;display:flex}.crm-list-header{padding:18px 18px 10px}.crm-list-header h3{margin:0}.crm-list-header span{color:#8a96a6;margin-top:4px;font-size:12px;display:block}.crm-search{padding:8px 14px 14px}.crm-search input{box-sizing:border-box;background:#f8fafc;border:1px solid #e0e6ee;border-radius:10px;outline:none;width:100%;padding:11px 12px}.crm-search input:focus{background:#fff;border-color:#8b8be8}.crm-customer-scroll{flex:1;padding:0 9px 12px;overflow-y:auto}.crm-customer-card{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;gap:11px;width:100%;margin-bottom:4px;padding:12px;display:flex}.crm-customer-card:hover{background:#f7f8fc}.crm-customer-card.selected{background:#f0f0ff}.crm-avatar,.crm-profile-avatar{color:#5555c7;background:#ececff;border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.crm-avatar{width:42px;height:42px}.crm-profile-avatar{width:62px;height:62px;font-size:22px}.crm-customer-copy{flex:1;min-width:0}.crm-customer-name{justify-content:space-between;align-items:center;gap:6px;display:flex}.crm-customer-name strong{text-overflow:ellipsis;white-space:nowrap;color:#182235;font-size:14px;overflow:hidden}.crm-customer-copy>span{color:#7c899a;text-overflow:ellipsis;margin-top:4px;font-size:12px;display:block;overflow:hidden}.crm-mini-stats{flex-wrap:wrap;gap:8px;margin-top:7px;display:flex}.crm-mini-stats span{color:#8d98a7;font-size:10px}.crm-status{text-transform:capitalize;white-space:nowrap;color:#596579;background:#edf1f5;border-radius:999px;align-items:center;padding:4px 7px;font-size:10px;font-weight:800;display:inline-flex}.crm-status.large{margin-top:7px;padding:5px 10px}.crm-status.active,.crm-status.completed,.crm-status.answered,.crm-status.resolved{color:#167144;background:#dcfce7}.crm-status.vip{color:#8a6500;background:#fff4c2}.crm-status.inactive,.crm-status.pending,.crm-status.queued{color:#657185;background:#eef1f5}.crm-status.blocked,.crm-status.failed,.crm-status.missed{color:#b42318;background:#fee2e2}.crm-status.open,.crm-status.ringing{color:#3157b7;background:#e8efff}.crm-profile{overflow-y:auto}.crm-no-selection{color:#8994a3;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:30px;display:flex}.crm-no-selection-icon{background:#f1f3f8;border-radius:50%;place-items:center;width:70px;height:70px;margin-bottom:14px;font-size:30px;display:grid}.crm-no-selection h2{color:#263246;margin:0 0 6px}.crm-no-selection p{max-width:390px;margin:0}.crm-profile-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.crm-profile-person{align-items:center;gap:14px;display:flex}.crm-profile-person h2{color:#172033;margin:0;font-size:22px}.crm-profile-person p{color:#7d8998;margin:4px 0 0;font-size:13px}.crm-summary{border-bottom:1px solid #edf0f4;grid-template-columns:repeat(4,1fr);display:grid}.crm-summary>div{border-right:1px solid #edf0f4;padding:18px 22px}.crm-summary>div:last-child{border-right:0}.crm-summary span{color:#8591a0;margin-bottom:6px;font-size:11px;display:block}.crm-summary strong{color:#172033;font-size:22px}.crm-tabs{border-bottom:1px solid #edf0f4;gap:5px;padding:0 22px;display:flex}.crm-tabs button{cursor:pointer;color:#7a8797;background:0 0;border:0;border-bottom:2px solid #0000;padding:15px 14px 12px;font-weight:650}.crm-tabs button.active{color:#5656cb;border-bottom-color:#5656cb}.crm-tab-content{padding:22px}.crm-overview{grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:18px;display:grid}.crm-form-card,.crm-info-card{border:1px solid #e8ecf1;border-radius:14px;padding:19px}.crm-form-card h3,.crm-info-card h3{color:#273348;margin:0 0 17px}.crm-form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.crm-form-grid label,.crm-notes,.crm-create-form label{color:#707d8e;flex-direction:column;gap:7px;font-size:11px;font-weight:700;display:flex}.crm-form-grid input,.crm-form-grid select,.crm-notes textarea,.crm-create-form input{font:inherit;color:#263143;background:#fbfcfd;border:1px solid #dde3eb;border-radius:9px;outline:none;padding:10px 11px}.crm-form-grid input:focus,.crm-form-grid select:focus,.crm-notes textarea:focus,.crm-create-form input:focus{background:#fff;border-color:#8989df}.crm-notes{margin-top:15px}.crm-notes textarea{resize:vertical;min-height:110px}.crm-info-row{border-bottom:1px solid #edf0f4;padding:12px 0}.crm-info-row:last-child{border-bottom:0}.crm-info-row span{color:#8995a4;margin-bottom:5px;font-size:11px;display:block}.crm-info-row strong{color:#273347;font-size:13px}.crm-id{word-break:break-all;font-size:10px!important}.crm-section-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.crm-section-title h3{margin:0}.crm-section-title span{color:#8995a4;font-size:12px}.crm-history-row{border:1px solid #e8ecf2;border-radius:12px;align-items:center;gap:12px;margin-bottom:9px;padding:13px;display:flex}.crm-history-icon{background:#f1f3f8;border-radius:10px;flex:none;place-items:center;width:39px;height:39px;display:grid}.crm-history-main{flex:1;min-width:0}.crm-history-main strong,.crm-history-main span,.crm-history-main small{display:block}.crm-history-main strong{color:#243047;margin-bottom:3px}.crm-history-main span{color:#707e90;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.crm-history-main small{color:#9aa3af;margin-top:5px;font-size:10px}.crm-empty{text-align:center;color:#909baa;padding:25px}.crm-modal-backdrop{z-index:10000;background:#0e152373;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.crm-modal{background:#fff;border-radius:18px;width:min(580px,100%);padding:22px;box-shadow:0 25px 80px #0000002e}.crm-modal-head{justify-content:space-between;align-items:flex-start;display:flex}.crm-modal-head h2{margin:0}.crm-modal-head p{color:#7f8b9a;margin:5px 0 0;font-size:13px}.crm-modal-close{cursor:pointer;background:#f1f3f6;border:0;border-radius:50%;width:34px;height:34px;font-size:20px}.crm-create-form{grid-template-columns:1fr 1fr;gap:14px;margin-top:22px;display:grid}.crm-modal-actions{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.crm-modal-actions>button:not(.crm-primary){cursor:pointer;background:#fff;border:1px solid #dfe4eb;border-radius:10px;padding:10px 16px}@media (width<=1000px){.crm-layout{grid-template-columns:300px minmax(0,1fr)}.crm-overview{grid-template-columns:1fr}.crm-summary{grid-template-columns:1fr 1fr}}.crm-followup-row{background:#fff;border:1px solid #e7ebf0;border-radius:12px;align-items:center;gap:12px;margin-bottom:9px;padding:14px;display:flex}.crm-followup-row.overdue{border-left:4px solid #dc3545}.crm-followup-check button{cursor:pointer;background:#fff;border:1px solid #d7dee7;border-radius:50%;width:32px;height:32px;font-weight:800}.crm-followup-check span{color:#15803d;background:#dcfce7;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.crm-followup-title{align-items:center;gap:9px;margin-bottom:4px;display:flex}.crm-priority{text-transform:uppercase;background:#eef1f5;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:800}.crm-priority.high{color:#9a6000;background:#fff0d5}.crm-priority.urgent{color:#b42318;background:#fee2e2}.crm-priority.low{color:#315ca8;background:#e8f2ff}.crm-followup-delete{color:#8b96a5;cursor:pointer;background:#f5f6f8;border:0;border-radius:50%;width:28px;height:28px;font-size:16px}.crm-followup-reopen{cursor:pointer;background:#fff;border:1px solid #dfe4eb;border-radius:8px;padding:7px 10px}.crm-followup-form{margin-top:20px}.crm-followup-form>label,.crm-followup-form-grid label{color:#707d8e;flex-direction:column;gap:7px;font-size:11px;font-weight:700;display:flex}.crm-followup-form input,.crm-followup-form textarea,.crm-followup-form select{font:inherit;box-sizing:border-box;border:1px solid #dde3eb;border-radius:9px;padding:10px}.crm-followup-form textarea{resize:vertical;min-height:90px}.crm-followup-form>label{margin-bottom:14px}.crm-followup-form-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (width<=900px){.crm-followup-form-grid{grid-template-columns:1fr}}.tasks-page{padding:24px}.tasks-toolbar{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.tasks-toolbar h2{margin:0;font-size:24px}.tasks-toolbar p{color:#7f8a99;margin:5px 0 0;font-size:13px}.tasks-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.tasks-stats button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e4e9f0;border-radius:14px;padding:16px 18px}.tasks-stats button:hover{border-color:#bfc7f5}.tasks-stats span{color:#7f8a99;margin-bottom:7px;font-size:12px;display:block}.tasks-stats strong{color:#172033;font-size:25px}.tasks-stats .danger strong{color:#c43535}.tasks-panel{background:#fff;border:1px solid #e5eaf0;border-radius:15px;overflow:hidden}.tasks-panel-head{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:16px;padding:15px 17px;display:flex}.tasks-filters{flex-wrap:wrap;gap:5px;display:flex}.tasks-filters button{color:#697587;cursor:pointer;background:#f3f5f8;border:0;border-radius:8px;padding:8px 11px;font-weight:650}.tasks-filters button.active{color:#fff;background:#5959d6}.tasks-search{border:1px solid #dfe5ed;border-radius:9px;outline:none;width:260px;padding:9px 11px}.tasks-search:focus{border-color:#8585df}.tasks-table-head,.tasks-row{grid-template-columns:minmax(190px,2fr) minmax(150px,1.4fr) 130px 160px 90px 90px 150px;align-items:center;gap:12px;display:grid}.tasks-table-head{color:#8995a4;text-transform:uppercase;background:#f8fafc;padding:11px 16px;font-size:10px;font-weight:800}.tasks-row{color:#526073;border-top:1px solid #edf0f4;padding:14px 16px;font-size:12px}.tasks-row.overdue{border-left:4px solid #dc3545}.tasks-title-cell,.tasks-customer-cell{min-width:0}.tasks-title-cell strong,.tasks-customer-cell strong{color:#202d42;margin-bottom:4px;font-size:13px;display:block}.tasks-title-cell span,.tasks-customer-cell span{color:#8792a0;white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.tasks-due-overdue{color:#c73030;font-weight:800}.tasks-actions{align-items:center;gap:6px;display:flex}.tasks-actions button{cursor:pointer;background:#fff;border:1px solid #dfe4eb;border-radius:8px;padding:7px 9px;font-size:11px}.tasks-actions .tasks-complete{color:#157347;background:#e5f8ec;border-color:#c9ebd5;font-weight:700}.tasks-actions .tasks-delete{color:#9a6570;border-radius:50%;width:29px;height:29px;padding:0}.tasks-empty{text-align:center;color:#8d98a7;padding:38px}@media (width<=1200px){.tasks-table-head{display:none}.tasks-row{grid-template-columns:1fr 1fr}}@media (width<=800px){.tasks-stats{grid-template-columns:1fr 1fr}.tasks-panel-head{flex-direction:column;align-items:stretch}.tasks-search{box-sizing:border-box;width:100%}.tasks-row{grid-template-columns:1fr}}.tasks-toolbar .crm-primary{min-width:120px}.tasks-title-cell{cursor:pointer}.tasks-title-cell:hover strong{text-decoration:underline}.tasks-modal{width:min(720px,95vw)}.tasks-modal-form{margin-top:20px}.tasks-modal-form>label,.tasks-modal-grid label{color:#707d8e;flex-direction:column;gap:7px;margin-bottom:14px;font-size:11px;font-weight:700;display:flex}.tasks-modal-form input,.tasks-modal-form textarea,.tasks-modal-form select{box-sizing:border-box;color:#273347;width:100%;font:inherit;background:#fbfcfd;border:1px solid #dde3eb;border-radius:9px;outline:none;padding:10px 11px}.tasks-modal-form input:focus,.tasks-modal-form textarea:focus,.tasks-modal-form select:focus{background:#fff;border-color:#8585df}.tasks-modal-form textarea{resize:vertical;min-height:95px}.tasks-modal-grid{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.tasks-modal-info{background:#f7f9fc;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:5px;padding:14px;display:grid}.tasks-modal-info span{color:#8b96a5;margin-bottom:4px;font-size:10px;display:block}.tasks-modal-info strong{color:#273347;font-size:12px}@media (width<=700px){.tasks-modal-grid,.tasks-modal-info{grid-template-columns:1fr}}.task-customer-search{position:relative}.task-customer-search>input{width:100%}.task-customer-results{z-index:10050;background:#fff;border:1px solid #dfe4eb;border-radius:10px;max-height:260px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto;box-shadow:0 14px 35px #14203724}.task-customer-results button{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #eef1f5;justify-content:space-between;align-items:center;width:100%;padding:11px 12px;display:flex}.task-customer-results button:last-child{border-bottom:0}.task-customer-results button:hover{background:#f6f7ff}.task-customer-results strong{color:#1f2c42;margin-bottom:3px;font-size:13px;display:block}.task-customer-results span{color:#7d8998;font-size:11px;display:block}.task-customer-results small{text-transform:capitalize;color:#167347;background:#e8f7ee;border-radius:999px;padding:4px 7px;font-size:10px}.task-customer-empty{text-align:center;color:#8b96a5;padding:14px;font-size:12px}.dashboard-v2{padding-bottom:30px}.dashboard-task-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.dashboard-task-stats button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5eaf1;border-radius:14px;padding:17px 18px;transition:all .15s}.dashboard-task-stats button:hover{border-color:#bfc6ee;transform:translateY(-1px);box-shadow:0 5px 18px #1e2d500d}.dashboard-task-stats span{color:#7f8b9c;margin-bottom:7px;font-size:12px;display:block}.dashboard-task-stats strong{color:#172238;margin-bottom:5px;font-size:26px;display:block}.dashboard-task-stats small{color:#9aa4b1;font-size:10px}.dashboard-task-stats .warning strong{color:#c73535}.dashboard-task-stats .warning{background:snow;border-color:#f0cccc}.dashboard-tasks-panel{background:#fff;border:1px solid #e5eaf1;border-radius:15px;margin-bottom:18px;overflow:hidden}.dashboard-panel-head{border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;padding:17px 18px;display:flex}.dashboard-panel-head h3{color:#1d293d;margin:0;font-size:16px}.dashboard-panel-head p{color:#8994a2;margin:4px 0 0;font-size:11px}.dashboard-view-all{color:#fff;cursor:pointer;background:#5959d6;border:0;border-radius:9px;padding:9px 13px;font-size:11px;font-weight:700}.dashboard-task-head,.dashboard-task-row{grid-template-columns:minmax(190px,2fr) minmax(150px,1.4fr) 130px 175px 90px 100px;align-items:center;gap:12px;display:grid}.dashboard-task-head{color:#8d98a7;text-transform:uppercase;background:#f8fafc;padding:10px 17px;font-size:9px;font-weight:800}.dashboard-task-row{color:#566477;border-top:1px solid #eef1f4;padding:13px 17px;font-size:11px}.dashboard-task-row.overdue{border-left:4px solid #dc3545}.dashboard-task-name,.dashboard-task-customer{min-width:0}.dashboard-task-name strong,.dashboard-task-customer strong{color:#223047;font-size:12px;display:block}.dashboard-task-name span,.dashboard-task-customer span{color:#8b96a5;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:10px;display:block;overflow:hidden}.dashboard-task-overdue{color:#c52d36;font-weight:700}.dashboard-task-overdue small{margin-top:3px;font-size:8px;display:block}.dashboard-complete-task{color:#157347;cursor:pointer;background:#e7f8ed;border:1px solid #c8ead5;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:750}.dashboard-task-empty{text-align:center;color:#8d98a7;padding:34px}.dashboard-task-empty strong{color:#445166;margin-bottom:5px;display:block}.dashboard-task-empty span{font-size:12px}.dashboard-system-panel{background:#fff;border:1px solid #e5eaf1;border-radius:15px;justify-content:space-between;align-items:center;padding:18px;display:flex}.dashboard-system-panel h3{margin:0 0 5px;font-size:15px}.dashboard-system-panel p{color:#8591a1;margin:0;font-size:11px}.dashboard-system-status span{color:#16844b;background:#e6f8ed;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:700}@media (width<=1100px){.dashboard-task-stats{grid-template-columns:1fr 1fr}.dashboard-task-head{display:none}.dashboard-task-row{grid-template-columns:1fr 1fr}}@media (width<=700px){.dashboard-task-stats,.dashboard-task-row{grid-template-columns:1fr}}.tickets-page{padding:24px}.tickets-toolbar{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.tickets-toolbar h2{margin:0;font-size:24px}.tickets-toolbar p{color:#7f8b9a;margin:5px 0 0;font-size:13px}.tickets-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.tickets-stats button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e4e9f0;border-radius:14px;padding:16px 18px}.tickets-stats span{color:#818d9c;margin-bottom:7px;font-size:11px;display:block}.tickets-stats strong{color:#172238;font-size:25px}.tickets-stats .urgent strong{color:#c83232}.tickets-panel{background:#fff;border:1px solid #e5eaf0;border-radius:15px;overflow:hidden}.tickets-controls{border-bottom:1px solid #edf0f4;gap:10px;padding:15px;display:flex}.tickets-controls input{flex:1}.tickets-controls input,.tickets-controls select{background:#fff;border:1px solid #dfe5ed;border-radius:9px;outline:none;padding:9px 11px}.tickets-table-head,.tickets-row{grid-template-columns:minmax(220px,2fr) minmax(150px,1.3fr) 120px 90px 90px 145px 180px;align-items:center;gap:12px;display:grid}.tickets-table-head{color:#8d98a6;text-transform:uppercase;background:#f8fafc;padding:10px 16px;font-size:9px;font-weight:800}.tickets-row{color:#586577;border-top:1px solid #edf0f4;padding:14px 16px;font-size:11px}.tickets-row.priority-urgent{border-left:4px solid #dc3545}.ticket-title-cell,.ticket-customer-cell{min-width:0}.ticket-title-cell strong,.ticket-customer-cell strong{color:#223047;margin-bottom:4px;font-size:12px;display:block}.ticket-title-cell span,.ticket-customer-cell span{color:#8995a4;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.ticket-actions{align-items:center;gap:5px;display:flex}.ticket-actions button{cursor:pointer;background:#fff;border:1px solid #dfe4eb;border-radius:7px;padding:6px 8px;font-size:10px}.ticket-actions .ticket-resolve{color:#157347;background:#e6f8ed;border-color:#c9ead4;font-weight:700}.ticket-actions .ticket-delete{border-radius:50%;width:28px;height:28px;padding:0}.tickets-empty{text-align:center;color:#8d98a7;padding:38px}.ticket-modal{width:min(720px,95vw)}.ticket-modal-form{margin-top:20px}.ticket-modal-form>label,.ticket-modal-grid label{color:#707d8e;flex-direction:column;gap:7px;margin-bottom:14px;font-size:11px;font-weight:700;display:flex}.ticket-modal-form input,.ticket-modal-form textarea,.ticket-modal-form select{box-sizing:border-box;width:100%;font:inherit;background:#fbfcfd;border:1px solid #dde3eb;border-radius:9px;outline:none;padding:10px 11px}.ticket-modal-form textarea{resize:vertical;min-height:110px}.ticket-modal-grid{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}@media (width<=1200px){.tickets-table-head{display:none}.tickets-row{grid-template-columns:1fr 1fr}}@media (width<=700px){.tickets-stats{grid-template-columns:1fr 1fr}.tickets-controls{flex-direction:column}.tickets-row,.ticket-modal-grid{grid-template-columns:1fr}}.ticket-title-cell{cursor:pointer}.ticket-title-cell:hover strong{color:#5757d7}.ticket-detail-modal{width:min(820px,96vw);max-height:90vh;overflow-y:auto}.ticket-detail-number{color:#7778db;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:800;display:block}.ticket-detail-summary{background:#f8fafc;border:1px solid #edf1f5;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px;padding:13px;display:grid}.ticket-detail-summary span{color:#8b96a4;text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.ticket-detail-summary strong{color:#273448;font-size:11px}.ticket-detail-description{color:#5d697a;background:#fff;border:1px solid #edf1f5;border-radius:10px;margin-top:12px;padding:14px;font-size:12px;line-height:1.6}.ticket-detail-tabs{border-bottom:1px solid #e9edf2;gap:5px;margin-top:18px;display:flex}.ticket-detail-tabs button{color:#7d8998;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 12px;font-size:11px;font-weight:700}.ticket-detail-tabs button.active{color:#5858d5;border-bottom-color:#5858d5}.ticket-note-compose{border:1px solid #e5eaf0;border-radius:11px;margin-top:16px;padding:12px}.ticket-note-compose textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:80px;font:inherit;color:#344257;background:0 0;border:0;outline:none;margin-bottom:10px;display:block}.ticket-note-compose button{margin-left:auto;display:block}.ticket-note-list{margin-top:16px}.ticket-note{border-bottom:1px solid #eef1f4;gap:11px;padding:13px 0;display:flex}.ticket-note-avatar{color:#5757d4;background:#ececff;border-radius:50%;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:flex}.ticket-note-body{flex:1}.ticket-note-meta{justify-content:space-between;gap:12px;display:flex}.ticket-note-meta strong{color:#26344a;font-size:11px}.ticket-note-meta span{color:#929caa;font-size:9px}.ticket-note-body p{color:#596678;white-space:pre-wrap;margin:6px 0 0;font-size:12px;line-height:1.55}.ticket-activity-list{padding-top:14px}.ticket-activity-item{gap:12px;padding:9px 0 15px;display:flex;position:relative}.ticket-activity-dot{background:#6262db;border-radius:50%;flex:0 0 9px;width:9px;height:9px;margin-top:4px}.ticket-activity-item strong{color:#2a374b;margin-bottom:3px;font-size:11px;display:block}.ticket-activity-item span{color:#909ba9;font-size:9px}.ticket-detail-empty{text-align:center;color:#909aa7;padding:30px;font-size:11px}@media (width<=700px){.ticket-detail-summary{grid-template-columns:1fr 1fr}}.inbox-create-ticket{font-weight:700;color:#fff!important;background:#5d5bd7!important;border-color:#5d5bd7!important}.inbox-create-ticket:hover{background:#4f4dc6!important}.inbox-ticket-existing{font-weight:750;color:#187447!important;background:#e9f8ef!important;border-color:#c8ead4!important}.inbox-ticket-modal{width:min(720px,95vw)}.inbox-ticket-customer{background:#f8fafc;border:1px solid #e8edf3;border-radius:11px;grid-template-columns:repeat(4,1fr);gap:10px;margin:17px 0;padding:13px;display:grid}.inbox-ticket-customer span{color:#8b96a4;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:800;display:block}.inbox-ticket-customer strong{color:#29364b;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.inbox-ticket-form>label,.inbox-ticket-grid label{color:#707d8e;flex-direction:column;gap:7px;margin-bottom:14px;font-size:11px;font-weight:700;display:flex}.inbox-ticket-form input,.inbox-ticket-form textarea,.inbox-ticket-form select{box-sizing:border-box;width:100%;font:inherit;background:#fbfcfd;border:1px solid #dde3eb;border-radius:9px;outline:none;padding:10px 11px}.inbox-ticket-form textarea{resize:vertical;min-height:110px}.inbox-ticket-grid{grid-template-columns:repeat(3,1fr);gap:0 13px;display:grid}@media (width<=800px){.inbox-ticket-customer{grid-template-columns:1fr 1fr}.inbox-ticket-grid{grid-template-columns:1fr}}.call-ticket-action{margin-left:auto;padding-left:12px}.call-create-ticket{color:#5757d4;cursor:pointer;background:#f1f1ff;border:1px solid #d9daf8;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:750}.call-create-ticket:hover{background:#e7e7ff}.call-ticket-existing{color:#177448;cursor:pointer;background:#e8f8ee;border:1px solid #c9ead4;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:750}.call-ticket-modal{width:min(720px,95vw)}.call-ticket-summary{background:#f8fafc;border:1px solid #e8edf3;border-radius:11px;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0;padding:13px;display:grid}.call-ticket-summary span{color:#8b96a4;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:800;display:block}.call-ticket-summary strong{color:#29364b;font-size:11px}.call-ticket-form>label,.call-ticket-grid label{color:#707d8e;flex-direction:column;gap:7px;margin-bottom:14px;font-size:11px;font-weight:700;display:flex}.call-ticket-form input,.call-ticket-form textarea,.call-ticket-form select{box-sizing:border-box;width:100%;font:inherit;background:#fbfcfd;border:1px solid #dde3eb;border-radius:9px;outline:none;padding:10px 11px}.call-ticket-form textarea{resize:vertical;min-height:105px}.call-ticket-grid{grid-template-columns:repeat(3,1fr);gap:0 13px;display:grid}@media (width<=800px){.call-ticket-summary{grid-template-columns:1fr 1fr}.call-ticket-grid{grid-template-columns:1fr}}.email-create-ticket{font-weight:700;color:#fff!important;background:#5d5bd7!important;border-color:#5d5bd7!important}.email-create-ticket:hover{background:#4e4cc6!important}.email-ticket-existing{font-weight:750;color:#177448!important;background:#e8f8ee!important;border-color:#c9ead4!important}.email-ticket-modal{width:min(720px,95vw)}.email-ticket-summary{background:#f8fafc;border:1px solid #e8edf3;border-radius:11px;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0;padding:13px;display:grid}.email-ticket-summary span{color:#8b96a4;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:800;display:block}.email-ticket-summary strong{color:#29364b;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.email-ticket-form>label,.email-ticket-grid label{color:#707d8e;flex-direction:column;gap:7px;margin-bottom:14px;font-size:11px;font-weight:700;display:flex}.email-ticket-form input,.email-ticket-form textarea,.email-ticket-form select{box-sizing:border-box;width:100%;font:inherit;background:#fbfcfd;border:1px solid #dde3eb;border-radius:9px;outline:none;padding:10px 11px}.email-ticket-form textarea{resize:vertical;min-height:130px}.email-ticket-grid{grid-template-columns:repeat(3,1fr);gap:0 13px;display:grid}@media (width<=800px){.email-ticket-summary{grid-template-columns:1fr 1fr}.email-ticket-grid{grid-template-columns:1fr}}.global-search{z-index:2000;width:420px;position:relative}.global-search-input{background:#f7f8fb;border:1px solid #e1e6ed;border-radius:10px;align-items:center;gap:8px;height:38px;padding:0 11px;display:flex}.global-search-input svg{color:#8490a0;flex:none}.global-search-input input{color:#263449;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12px}.global-search-input input::placeholder{color:#9aa4b1}.global-search-loading{color:#8b96a4;white-space:nowrap;font-size:9px}.global-search-results{z-index:10000;background:#fff;border:1px solid #dfe5ec;border-radius:13px;width:520px;max-height:520px;padding:6px;position:absolute;top:46px;right:0;overflow-y:auto;box-shadow:0 18px 45px #19233c29}.global-search-result{cursor:pointer;text-align:left;background:#fff;border:0;border-radius:9px;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.global-search-result:hover{background:#f6f7fc}.global-result-icon{border-radius:9px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:850;display:flex}.global-result-icon.customer{color:#19764a;background:#e8f5ee}.global-result-icon.ticket{color:#5858d5;background:#eef}.global-result-icon.call{color:#3478b8;background:#eaf4ff}.global-result-icon.conversation{color:#b67716;background:#fff3df}.global-result-icon.task{color:#9652b8;background:#f7eefd}.global-result-copy{flex:1;min-width:0}.global-result-top{align-items:center;gap:7px;display:flex}.global-result-top strong{color:#253249;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.global-result-top small{letter-spacing:.5px;color:#929daa;font-size:7px;font-weight:800}.global-result-copy>span{color:#8793a2;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:9px;display:block;overflow:hidden}.global-result-right{text-align:right;flex:none}.global-result-right>small{color:#8c97a5;text-transform:capitalize;margin-top:3px;font-size:8px;display:block}.global-search-empty{text-align:center;color:#8c97a5;padding:28px;font-size:11px}@media (width<=1000px){.global-search{width:300px}.global-search-results{width:430px}}@media (width<=700px){.global-search{width:100%}.global-search-results{width:auto;position:fixed;top:70px;left:10px;right:10px}}.call-row.global-focus-highlight{transition:background .25s,box-shadow .25s,border-color .25s;position:relative;box-shadow:0 0 0 2px #5d5bd729,0 8px 24px #2c305a1a;background:#f4f3ff!important;border-color:#6967df!important}.notification-center{z-index:3000;position:relative}.notification-bell{position:relative}.notification-badge{color:#fff;background:#e65050;border:2px solid #fff;border-radius:20px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:8px;font-weight:800;display:flex;position:absolute;top:-5px;right:-6px}.notification-dropdown{background:#fff;border:1px solid #e0e5ec;border-radius:14px;width:390px;max-height:560px;position:absolute;top:48px;right:0;overflow:hidden;box-shadow:0 20px 55px #19233c2e}.notification-head{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;min-height:60px;padding:0 15px;display:flex}.notification-head strong{color:#273449;font-size:13px;display:block}.notification-head span{color:#8e99a7;margin-top:2px;font-size:9px;display:block}.notification-head button{color:#5957d5;cursor:pointer;background:0 0;border:0;font-size:9px;font-weight:750}.notification-list{max-height:490px;padding:5px;overflow-y:auto}.notification-item{text-align:left;cursor:pointer;background:#fff;border:0;border-radius:9px;align-items:flex-start;gap:10px;width:100%;padding:11px 9px;display:flex}.notification-item:hover{background:#f6f7fb}.notification-item.unread{background:#fafaff}.notification-item.unread:hover{background:#f4f3ff}.notification-type-icon{color:#5957d5;background:#eef0ff;border-radius:9px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:850;display:flex}.notification-type-icon.message{color:#ad7418;background:#fff2dc}.notification-type-icon.email{color:#3478b6;background:#eaf3ff}.notification-type-icon.missed_call{color:#c74a4a;background:#fdecec}.notification-type-icon.urgent_ticket{color:#c74850;background:#fdebec}.notification-type-icon.ticket_note{color:#6659cb;background:#f0edff}.notification-type-icon.overdue_task{color:#bd642a;background:#fff0e5}.notification-copy{flex:1;min-width:0}.notification-copy>div{align-items:center;gap:8px;display:flex}.notification-copy strong{color:#29364a;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:10px;overflow:hidden}.notification-copy small{color:#9aa3ae;flex:none;font-size:8px}.notification-copy p{color:#7d8998;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:9px;line-height:1.4;display:-webkit-box;overflow:hidden}.notification-unread-dot{background:#605edb;border-radius:50%;flex:0 0 7px;width:7px;height:7px;margin-top:6px}.notification-empty{text-align:center;color:#929daa;padding:35px 15px;font-size:10px}@media (width<=700px){.notification-dropdown{width:auto;position:fixed;top:70px;left:10px;right:10px}}.management-page{padding-bottom:40px}.management-toolbar{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.management-toolbar h2{margin:0;font-size:20px}.management-toolbar p{color:#8b96a4;margin:4px 0 0;font-size:11px}.management-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.management-stats>div{background:#fff;border:1px solid #e7ebf0;border-radius:12px;padding:15px}.management-stats span{color:#8a95a4;text-transform:uppercase;font-size:9px;font-weight:750;display:block}.management-stats strong{color:#263449;margin-top:6px;font-size:22px;display:block}.management-search{background:#fff;border:1px solid #e2e7ed;border-radius:10px;align-items:center;gap:8px;height:42px;margin-bottom:16px;padding:0 12px;display:flex}.management-search input{background:0 0;border:0;outline:0;flex:1;font-size:11px}.agent-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.agent-management-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e9ef;border-radius:13px;padding:15px}.agent-management-card:hover{border-color:#c8c8ef;box-shadow:0 7px 22px #1e284612}.agent-management-head{align-items:center;gap:10px;display:flex}.agent-profile-avatar{color:#5c59d7;background:#eef;border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:850;display:flex}.agent-management-head>div:nth-child(2){flex:1;min-width:0}.agent-management-head strong{color:#27354a;font-size:12px;display:block}.agent-management-head span{color:#8d98a5;margin-top:3px;font-size:9px;display:block}.agent-online-dot{background:#aaa;border-radius:50%;width:8px;height:8px}.agent-online-dot.active{background:#40b77a}.agent-online-dot.inactive{background:#d56262}.agent-management-tags{flex-wrap:wrap;gap:5px;margin-top:13px;display:flex}.agent-management-tags span{color:#778393;text-transform:capitalize;background:#f5f6f9;border-radius:6px;padding:4px 7px;font-size:8px}.agent-workload{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:15px;display:grid}.agent-workload>div{text-align:center;background:#f8fafc;border-radius:8px;padding:8px 4px}.agent-workload strong{color:#2e3a4e;font-size:13px;display:block}.agent-workload span{color:#929ca8;font-size:7px}.agent-modal{width:min(760px,95vw)}.agent-form-grid{grid-template-columns:1fr 1fr;gap:0 13px;display:grid}.agent-form-grid label,.department-form label{color:#747f8f;flex-direction:column;gap:7px;margin-bottom:14px;font-size:10px;font-weight:700;display:flex}.agent-form-grid input,.agent-form-grid select,.department-form input,.department-form textarea,.department-form select{background:#fbfcfd;border:1px solid #dde3e9;border-radius:9px;outline:none;padding:10px}.department-form textarea{resize:vertical;min-height:100px}.department-picker{margin-top:4px}.department-picker>strong{color:#4e5a6a;margin-bottom:8px;font-size:10px;display:block}.department-picker>div{flex-wrap:wrap;gap:7px;display:flex}.department-picker label{cursor:pointer;color:#778391;border:1px solid #e2e6eb;border-radius:8px;padding:7px 10px;font-size:9px}.department-picker label.selected{color:#5756cf;background:#eef;border-color:#c8c7ef}.department-picker input{display:none}.department-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.department-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e4e9ef;border-radius:13px;padding:16px}.department-card:hover{border-color:#c8c7ef}.department-card.inactive{opacity:.62}.department-card-head{justify-content:space-between;gap:12px;display:flex}.department-card-head strong{color:#27354a;font-size:13px;display:block}.department-card-head span{color:#8995a3;margin-top:4px;font-size:9px;display:block}.department-card-head small{color:#278458;text-transform:uppercase;background:#e9f7ef;border-radius:6px;height:max-content;padding:4px 7px;font-size:7px;font-weight:800}.department-stats{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:16px;display:grid}.department-stats div{text-align:center;background:#f8fafc;border-radius:8px;padding:9px 5px}.department-stats strong{color:#2d394d;font-size:14px;display:block}.department-stats span{color:#919ba7;font-size:7px}.department-members{margin-top:14px;display:flex}.department-members span{color:#5957cf;background:#ececff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:27px;height:27px;margin-right:-5px;font-size:8px;font-weight:800;display:flex}@media (width<=1100px){.agent-grid,.department-grid{grid-template-columns:1fr 1fr}}@media (width<=720px){.management-stats{grid-template-columns:1fr 1fr}.agent-grid,.department-grid,.agent-form-grid{grid-template-columns:1fr}}.agent-phone-permissions{background:#fafbfd;border:1px solid #e3e7ed;border-radius:10px;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:10px;margin:2px 0 14px;padding:12px;display:flex}.agent-phone-permissions>strong{color:#4d596a;width:100%;font-size:10px}.agent-phone-permissions label{cursor:pointer;background:#fff;border:1px solid #e2e6eb;border-radius:8px;flex-direction:row;align-items:center;gap:6px;margin:0;padding:7px 10px;display:flex}.agent-phone-permissions input{width:auto}.agent-phone-permissions span{color:#687586;font-size:9px}.department-phone-grid{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.department-extension{color:#5b59d1;background:#eef;border-radius:6px;margin-top:7px;padding:4px 7px;font-size:8px;display:inline-block}@media (width<=700px){.department-phone-grid{grid-template-columns:1fr}}.agent-internal-dialer{min-width:360px;margin-left:auto}.internal-dial-input{align-items:center;gap:7px;display:flex}.internal-dial-input input{color:#263449;background:#fafbfd;border:1px solid #dfe5ec;border-radius:9px;outline:none;width:235px;height:38px;padding:0 11px;font-size:11px}.internal-dial-input input:focus{border-color:#7775df;box-shadow:0 0 0 3px #5d5bd714}.internal-dial-input button{color:#fff;cursor:pointer;background:#5d5be0;border:0;border-radius:9px;min-width:82px;height:38px;padding:0 14px;font-size:10px;font-weight:750}.internal-dial-input button:hover{background:#504ed1}.internal-dial-input button:disabled{opacity:.45;cursor:not-allowed}.internal-dial-help{align-items:center;gap:11px;margin-top:6px;display:flex}.internal-dial-help span{color:#8e99a7;font-size:8px}@media (width<=900px){.agent-internal-dialer{width:100%;min-width:0;margin-top:12px}.internal-dial-input input{flex:1;width:auto}}.call-transfer-button{color:#5755cf!important;background:#f1f1ff!important;border:1px solid #d7dcf5!important}.call-transfer-button:hover:not(:disabled){background:#e8e8ff!important}.call-transfer-button:disabled{opacity:.45;cursor:not-allowed}.call-transfer-modal{width:min(620px,95vw);max-height:82vh;overflow-y:auto}.transfer-search{background:#fafbfd;border:1px solid #e0e5eb;border-radius:9px;align-items:center;gap:8px;height:42px;margin-bottom:16px;padding:0 11px;display:flex}.transfer-search svg{color:#8b96a4}.transfer-search input{color:#263449;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11px}.transfer-section{margin-top:16px}.transfer-section h4{color:#5e6979;letter-spacing:.6px;text-transform:uppercase;margin:0 0 8px;font-size:9px}.transfer-target-list{flex-direction:column;gap:6px;display:flex}.transfer-target-list>button{cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e9ef;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.transfer-target-list>button:hover:not(:disabled){background:#fafaff;border-color:#c7c6ef}.transfer-target-list>button:disabled{opacity:.55;cursor:not-allowed}.transfer-avatar{color:#5957d1;background:#eef;border-radius:10px;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;font-size:11px;font-weight:850;display:flex}.transfer-avatar.department{color:#25825a;background:#eaf5ef}.transfer-target-copy{flex:1;min-width:0}.transfer-target-copy strong{color:#283549;font-size:11px;display:block}.transfer-target-copy span{color:#8c97a5;margin-top:3px;font-size:8px;display:block}.transfer-status{color:#8a95a2;text-transform:capitalize;background:#f2f3f6;border-radius:6px;padding:4px 7px;font-size:7px;font-weight:750}.transfer-status.online{color:#25845a;background:#e8f7ef}.transfer-status.department{color:#25825a;background:#eaf5ef}.transfer-progress{color:#5755cf;text-align:center;background:#f1f1ff;border-radius:8px;margin-top:15px;padding:10px;font-size:9px;font-weight:700}.transfer-methods{gap:5px;margin-left:5px;display:flex}.transfer-methods button{color:#626b79;cursor:pointer;background:#fff;border:1px solid #dddff0;border-radius:6px;padding:5px 8px;font-size:8px;font-weight:750}.transfer-methods button:hover{background:#f7f7ff;border-color:#bebde8}.transfer-methods button.consult{color:#5755cf;background:#eef;border-color:#d5d4f3}.consult-call-bar{background:#f8f8ff;border:1px solid #d8d7f2;border-radius:11px;justify-content:space-between;align-items:center;gap:20px;margin:10px 0 16px;padding:14px 16px;display:flex}.consult-call-copy{flex-direction:column;gap:3px;display:flex}.consult-call-copy span{color:#6664d5;letter-spacing:.7px;font-size:8px;font-weight:850}.consult-call-copy strong{color:#28344a;font-size:12px}.consult-call-copy small{color:#838e9d;font-size:9px}.consult-call-actions{gap:7px;display:flex}.consult-call-actions button{cursor:pointer;border-radius:8px;height:36px;padding:0 13px;font-size:9px;font-weight:750}.consult-complete{color:#fff;background:#5957dc;border:0}.consult-complete:hover{background:#4d4bc9}.consult-cancel{color:#626d7c;background:#fff;border:1px solid #dfe3e8}@media (width<=800px){.consult-call-bar{flex-direction:column;align-items:flex-start}.consult-call-actions{width:100%}.consult-call-actions button{flex:1}}.calls-page-background{z-index:99990;pointer-events:none;width:0;height:0;position:fixed;inset:0;overflow:visible}.calls-page-background>audio{opacity:0;width:1px;height:1px;position:absolute;display:block!important}.calls-page-background>.incoming-call-popup{display:flex!important}.incoming-call-popup{z-index:100000;color:#fff;border-radius:16px;align-items:center;gap:15px;width:min(520px,100vw - 48px);min-height:105px;padding:18px;animation:.22s ease-out vboxIncomingPopup;display:flex;top:76px;right:24px;box-shadow:0 22px 60px #08193747,0 8px 22px #0819372e;background:#0d1d39!important;position:fixed!important}@keyframes vboxIncomingPopup{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.incoming-call-icon{flex:0 0 52px;justify-content:center;align-items:center;box-shadow:0 8px 20px #6564e840;color:#fff!important;background:#6564e8!important;border-radius:14px!important;width:52px!important;height:52px!important;font-size:22px!important;display:flex!important}.incoming-call-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.incoming-call-copy>span{letter-spacing:.9px;font-weight:800;color:#aebbd0!important;font-size:8px!important}.incoming-call-copy>strong{text-overflow:ellipsis;white-space:nowrap;max-width:230px;font-weight:800;overflow:hidden;color:#fff!important;font-size:17px!important}.incoming-call-copy>small{color:#aebbd0!important;font-size:9px!important}.incoming-global-status{color:#91a4be;align-items:center;gap:5px;margin-top:3px;font-size:8px;display:flex}.incoming-global-status i{background:#36d38d;border-radius:50%;width:6px;height:6px;animation:1.2s infinite vboxIncomingPulse;box-shadow:0 0 0 4px #36d38d1f}@keyframes vboxIncomingPulse{0%{box-shadow:0 0 #36d38d59}70%{box-shadow:0 0 0 8px #36d38d00}to{box-shadow:0 0 #36d38d00}}.incoming-call-actions{gap:8px;margin-left:auto;display:flex!important}.incoming-call-actions button{cursor:pointer;height:42px;transition:transform .12s,opacity .12s;border:0!important;border-radius:10px!important;padding:0 16px!important;font-size:10px!important;font-weight:800!important}.incoming-call-actions button:hover{transform:translateY(-1px)}.browser-decline{color:#fff!important;background:#ef5b6c!important}.browser-answer{box-shadow:0 7px 18px #31c98233;color:#fff!important;background:#31c982!important}.calls-page-visible .incoming-call-popup{position:fixed!important}@media (width<=700px){.incoming-call-popup{flex-wrap:wrap;width:auto;padding:14px;inset:auto 12px 16px}.incoming-call-copy{min-width:calc(100% - 75px)}.incoming-call-actions{width:100%;margin-left:0}.incoming-call-actions button{flex:1}}.persistent-softphone-host{display:contents}.calls-page-background{pointer-events:none;z-index:99990!important;width:0!important;height:0!important;position:fixed!important;top:0!important;left:0!important;overflow:visible!important}.calls-page-background>audio{opacity:0!important;width:1px!important;height:1px!important;display:block!important;position:fixed!important;left:-9999px!important}.calls-page-background>.incoming-call-popup{z-index:999999!important;pointer-events:auto!important;width:min(520px,100vw - 48px)!important;height:auto!important;min-height:92px!important;display:flex!important;position:fixed!important;top:76px!important;right:24px!important}.calls-page-background>.consult-call-bar{pointer-events:auto!important}@media (width<=700px){.calls-page-background>.incoming-call-popup{width:auto!important;inset:auto 12px 16px!important}}.calls-page-background>.active-call-bar{animation:.22s ease-out vboxActiveCallIn;z-index:999998!important;pointer-events:auto!important;color:#fff!important;background:#0d1d39!important;border:none!important;border-radius:16px!important;justify-content:space-between!important;align-items:center!important;gap:18px!important;width:min(620px,100vw - 48px)!important;min-height:82px!important;padding:15px 17px!important;display:flex!important;position:fixed!important;top:76px!important;right:24px!important;box-shadow:0 22px 60px #08193747,0 8px 22px #0819372e!important}@keyframes vboxActiveCallIn{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.calls-page-background>.active-call-bar>div:first-child{min-width:150px;flex-direction:column!important;gap:3px!important;display:flex!important}.calls-page-background .active-call-bar span{color:#9fadc3!important;letter-spacing:.8px!important;font-size:8px!important;font-weight:850!important}.calls-page-background .active-call-bar strong{color:#fff!important;font-size:15px!important;font-weight:800!important}.calls-page-background .active-call-actions{align-items:center!important;gap:7px!important;display:flex!important}.calls-page-background .active-call-actions button{cursor:pointer!important;border-radius:9px!important;justify-content:center!important;align-items:center!important;height:38px!important;padding:0 13px!important;font-size:9px!important;font-weight:800!important;display:inline-flex!important}.calls-page-background .active-call-actions button:not(.call-hangup-button){color:#fff!important;background:#1c3153!important;border:1px solid #314665!important}.calls-page-background .active-call-actions button:hover{transform:translateY(-1px)}.calls-page-background .active-call-actions .control-active{color:#fff!important;background:#5a58dd!important;border-color:#5a58dd!important}.calls-page-background .call-hangup-button,.calls-page-background .browser-hangup{color:#fff!important;background:#ed5668!important;border-color:#ed5668!important}.calls-page-background .call-transfer-button{color:#fff!important;background:#645fe5!important;border-color:#645fe5!important}.calls-page-background>.transfer-modal-overlay,.calls-page-background>.transfer-overlay{z-index:1000001!important;pointer-events:auto!important;width:100vw!important;height:100vh!important;display:flex!important;position:fixed!important;inset:0!important}.calls-page-background>.consult-call-bar{z-index:999997!important;pointer-events:auto!important;width:min(620px,100vw - 48px)!important;display:flex!important;position:fixed!important;top:170px!important;right:24px!important}@media (width<=760px){.calls-page-background>.active-call-bar{flex-direction:column!important;align-items:stretch!important;width:auto!important;inset:auto 12px 14px!important}.calls-page-background .active-call-actions{width:100%!important}.calls-page-background .active-call-actions button{flex:1!important}.calls-page-background>.consult-call-bar{width:auto!important;inset:auto 12px 120px!important}}.calls-page-background>*{display:none!important}.presence-dashboard,.queue-presence-dashboard{background:#fff;border:1px solid #e5e8ef;border-radius:14px;margin-bottom:18px;padding:18px;box-shadow:0 4px 18px #1928460a}.presence-dashboard-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.presence-eyebrow{letter-spacing:.9px;color:#6a68dc;margin-bottom:3px;font-size:8px;font-weight:850;display:block}.presence-dashboard-head h3{color:#25334a;margin:0;font-size:16px}.presence-summary{background:#fafbfc;border:1px solid #eceef3;border-radius:10px;display:flex;overflow:hidden}.presence-summary>div{border-right:1px solid #eceef3;flex-direction:column;align-items:center;min-width:80px;padding:8px 13px;display:flex}.presence-summary>div:last-child{border-right:0}.presence-summary strong{color:#24344b;font-size:14px}.presence-summary span{color:#8994a5;margin-top:1px;font-size:8px}.presence-agent-grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:9px;display:grid}.presence-agent-card{background:#fbfcfd;border:1px solid #edf0f4;border-radius:11px;align-items:center;gap:10px;min-height:62px;padding:10px 11px;display:flex}.presence-avatar{color:#647085;background:#edf0f4;border-radius:10px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:850;display:flex}.presence-avatar.online{color:#168c5b;background:#e6f8ef}.presence-avatar.on_call{color:#5d5bd6;background:#ececff}.presence-avatar.away{color:#a06b10;background:#fff5dd}.presence-agent-copy{flex-direction:column;flex:1;min-width:0;display:flex}.presence-agent-copy strong{color:#27364c;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.presence-agent-copy span{color:#8b96a5;margin-top:2px;font-size:8px}.presence-badge,.queue-availability{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.presence-badge i,.queue-availability i{border-radius:50%;width:6px;height:6px}.presence-badge.online,.queue-availability.available{color:#147e54;background:#e6f8ef}.presence-badge.online i,.queue-availability.available i{background:#21bd78;box-shadow:0 0 0 3px #21bd781f}.presence-badge.on_call{color:#5856cc;background:#ececff}.presence-badge.on_call i{background:#6663e4;animation:1.3s infinite presenceCallPulse}.presence-badge.away{color:#9b6815;background:#fff5dd}.presence-badge.away i{background:#e8a52d}.presence-badge.offline,.queue-availability.unavailable{color:#808b9b;background:#eff1f4}.presence-badge.offline i,.queue-availability.unavailable i{background:#aab1bb}@keyframes presenceCallPulse{0%{box-shadow:0 0 #6663e44d}70%{box-shadow:0 0 0 7px #6663e400}to{box-shadow:0 0 #6663e400}}.queue-presence-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;display:grid}.queue-presence-card{background:#fbfcfd;border:1px solid #edf0f4;border-radius:12px;padding:14px}.queue-presence-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.queue-presence-top>div:first-child{flex-direction:column;display:flex}.queue-presence-top strong{color:#27364c;font-size:11px}.queue-presence-top span{color:#8d98a8;margin-top:2px;font-size:8px}.queue-presence-stats{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:13px;display:grid}.queue-presence-stats>div{background:#f2f4f7;border-radius:8px;flex-direction:column;padding:8px;display:flex}.queue-presence-stats strong{color:#27364c;font-size:13px}.queue-presence-stats span{color:#929cac;margin-top:2px;font-size:7px}.presence-empty{color:#8c97a6;padding:18px;font-size:9px}@media (width<=720px){.presence-dashboard-head{flex-direction:column;align-items:flex-start}.presence-summary{width:100%}.presence-summary>div{flex:1}.presence-agent-grid,.queue-presence-grid{grid-template-columns:1fr}}.dashboard-live-support{background:#fff;border:1px solid #e6e9ef;border-radius:15px;margin-bottom:18px;padding:18px;box-shadow:0 6px 22px #1928460b}.dashboard-live-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:17px;display:flex}.dashboard-live-eyebrow{color:#6866dc;letter-spacing:1px;margin-bottom:3px;font-size:8px;font-weight:850;display:block}.dashboard-live-head h2{color:#25344a;margin:0;font-size:17px}.dashboard-live-head p{color:#929cab;margin:3px 0 0;font-size:9px}.dashboard-live-summary{background:#fafbfc;border:1px solid #eceef3;border-radius:11px;grid-template-columns:repeat(4,minmax(68px,1fr));display:grid;overflow:hidden}.dashboard-live-summary>div{border-right:1px solid #eceef3;flex-direction:column;align-items:center;min-width:74px;padding:9px 13px;display:flex}.dashboard-live-summary>div:last-child{border-right:0}.dashboard-live-summary strong{color:#29374d;font-size:15px}.dashboard-live-summary span{color:#8e99a8;margin-top:1px;font-size:7px}.dashboard-live-summary .available strong{color:#16855a}.dashboard-live-summary .on-call strong{color:#5d5bd1}.dashboard-live-summary .away strong{color:#aa751c}.dashboard-live-summary .offline strong{color:#86909c}.dashboard-presence-layout{grid-template-columns:minmax(300px,.85fr) minmax(380px,1.15fr);gap:12px;display:grid}.dashboard-presence-panel{background:#fbfcfd;border:1px solid #edf0f4;border-radius:12px;overflow:hidden}.dashboard-presence-title{background:#fff;border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;min-height:46px;padding:11px 13px;display:flex}.dashboard-presence-title strong{color:#2c3a50;font-size:10px}.dashboard-presence-title span{color:#97a1af;font-size:7px}.dashboard-agent-row{border-bottom:1px solid #eef1f4;align-items:center;gap:9px;min-height:59px;padding:9px 12px;display:flex}.dashboard-agent-row:last-child{border-bottom:0}.dashboard-agent-avatar{color:#737f90;background:#edf0f4;border-radius:9px;flex:0 0 35px;justify-content:center;align-items:center;width:35px;height:35px;font-size:11px;font-weight:850;display:flex}.dashboard-agent-avatar.online{color:#168558;background:#e6f8ef}.dashboard-agent-avatar.on_call{color:#5956ca;background:#ececff}.dashboard-agent-avatar.away{color:#9c6b18;background:#fff4dc}.dashboard-agent-info{flex-direction:column;flex:1;min-width:0;display:flex}.dashboard-agent-info strong{color:#2b394e;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.dashboard-agent-info span{color:#929dab;margin-top:2px;font-size:7px}.dashboard-presence-status{color:#7d8794;background:#edf0f3;border-radius:20px;align-items:center;gap:5px;padding:5px 8px;font-size:7px;font-weight:800;display:inline-flex}.dashboard-presence-status i{background:#9fa7b1;border-radius:50%;width:6px;height:6px}.dashboard-presence-status.online{color:#147e54;background:#e5f8ee}.dashboard-presence-status.online i{background:#28bf7c;box-shadow:0 0 0 3px #28bf7c1f}.dashboard-presence-status.on_call{color:#5855c8;background:#ececff}.dashboard-presence-status.on_call i{background:#6662e4;animation:1.3s infinite dashboardCallPulse}.dashboard-presence-status.away{color:#9b6916;background:#fff4dc}.dashboard-presence-status.away i{background:#e5a32d}@keyframes dashboardCallPulse{0%{box-shadow:0 0 #6662e44d}70%{box-shadow:0 0 0 7px #6662e400}to{box-shadow:0 0 #6662e400}}.dashboard-department-row{border-bottom:1px solid #eef1f4;justify-content:space-between;align-items:center;gap:12px;min-height:67px;padding:10px 12px;display:flex}.dashboard-department-row:last-child{border-bottom:0}.dashboard-department-main{align-items:center;gap:9px;min-width:0;display:flex}.dashboard-department-main>div:last-child{flex-direction:column;min-width:0;display:flex}.dashboard-department-main strong{color:#29384d;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.dashboard-department-main span{color:#949eac;margin-top:2px;font-size:7px}.dashboard-department-dot{border-radius:50%;flex:0 0 9px;width:9px;height:9px}.dashboard-department-dot.available{background:#28bf7c;box-shadow:0 0 0 4px #28bf7c1a}.dashboard-department-dot.unavailable{background:#a8afb9}.dashboard-department-counts{align-items:center;gap:5px;display:flex}.dashboard-department-counts span{color:#929cab;background:#f0f2f5;border-radius:7px;flex-direction:column;min-width:56px;padding:6px 7px;font-size:6px;display:flex}.dashboard-department-counts strong{color:#455064;font-size:10px}.dashboard-department-counts .available strong{color:#18885b}.dashboard-presence-loading,.dashboard-presence-empty{color:#909ba9;padding:18px;font-size:8px}@media (width<=1000px){.dashboard-presence-layout{grid-template-columns:1fr}}@media (width<=760px){.dashboard-live-head{flex-direction:column;align-items:flex-start}.dashboard-live-summary{width:100%}.dashboard-live-summary>div{min-width:0;padding:8px 5px}.dashboard-department-row{flex-direction:column;align-items:flex-start}.dashboard-department-counts{width:100%}.dashboard-department-counts span{flex:1}}.sidebar-brand img,.sidebar-logo img,.brand-logo img,.app-brand img,aside .brand img{display:none!important}.sidebar-brand:before,.app-brand:before{content:"V";color:#fff;background:linear-gradient(135deg,#665cff,#3f6df6);border-radius:11px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;font-weight:900;display:flex;box-shadow:0 6px 18px #4c5cf047;border:0!important}.sidebar-brand,.sidebar-logo,.brand-logo,.app-brand,aside .brand,.sidebar-brand>div:first-child,.app-brand>div:first-child{box-shadow:none!important;background:0 0!important;border:0!important}.missed-callback-area{margin-top:7px}.callback-create-button,.callback-created{cursor:pointer;border-radius:7px;height:29px;padding:0 10px;font-size:8px;font-weight:800}.callback-create-button{color:#d95063;background:#fff3f4;border:1px solid #ead3d7}.callback-create-button:hover{background:#ffe9ec;border-color:#e5aeb7}.callback-created{color:#16845a;cursor:default;background:#e9f8f0;border:1px solid #cceada}.callback-create-button:disabled,.callback-created:disabled{opacity:.75}.agent-availability-control{background:#ffffff0b;border-radius:11px;align-items:center;gap:9px;padding:10px;display:flex}.availability-agent-avatar{color:#fff;background:#33435e;border-radius:9px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:850;display:flex}.availability-agent-avatar.available{background:#19885d}.availability-agent-avatar.away{background:#a97720}.availability-agent-avatar.dnd{background:#bf4c5d}.availability-agent-avatar.offline{background:#596477}.availability-agent-copy{flex-direction:column;flex:1;min-width:0;display:flex}.availability-agent-copy strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.availability-current{color:#9eabc0;align-items:center;gap:5px;margin-top:2px;font-size:7px;display:flex}.availability-current i{border-radius:50%;width:6px;height:6px}.availability-current.available i{background:#32ce89}.availability-current.away i{background:#e6aa39}.availability-current.dnd i{background:#ef6475}.availability-current.offline i{background:#8e98a8}.agent-availability-control select{color:#fff;cursor:pointer;background:#1d2c47;border:1px solid #ffffff1f;border-radius:7px;width:28px;height:28px;padding:0;font-size:0}.agent-availability-control select option{color:#222;background:#fff;font-size:12px}.presence-avatar.dnd,.dashboard-agent-avatar.dnd{color:#b84555;background:#ffe9ec}.presence-badge.dnd,.dashboard-presence-status.dnd{color:#b74454;background:#ffe9ec}.presence-badge.dnd i,.dashboard-presence-status.dnd i{background:#e65b6d}.supervisor-table-head,.supervisor-agent-row{grid-template-columns:1.35fr .8fr 1.1fr 1.2fr .55fr .85fr}.supervisor-control select{color:#374255;cursor:pointer;background:#fff;border:1px solid #dfe4ec;border-radius:7px;width:100%;max-width:120px;height:30px;padding:0 8px;font-size:9px;font-weight:750}.supervisor-control select:hover{border-color:#c7cfdb}.supervisor-control select:disabled{opacity:.55;cursor:wait}.crm-call-history-card{background:#fff;border:1px solid #e7ebf2;border-radius:11px;margin-bottom:10px;padding:14px}.crm-call-history-top{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.crm-call-history-top>div{flex-direction:column;gap:3px;display:flex}.crm-call-history-top strong{color:#263247;font-size:11px}.crm-call-history-top>div>span{color:#8b95a6;font-size:9px}.crm-call-status{color:#697588;text-transform:capitalize;background:#eef1f5;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:800}.crm-call-status.completed,.crm-call-status.answered{color:#167e57;background:#e7f8ef}.crm-call-status.missed{color:#b64758;background:#ffecef}.crm-call-status.ringing{color:#976b16;background:#fff5df}.crm-call-history-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:13px;display:grid}.crm-call-history-grid>div{background:#f8f9fc;border-radius:8px;padding:9px 10px}.crm-call-history-grid span{color:#919bac;font-size:8px;display:block}.crm-call-history-grid strong{color:#3b475c;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;display:block;overflow:hidden}.crm-call-history-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.crm-call-disposition{color:#707b8c;background:#f0f2f6;border-radius:7px;padding:5px 8px;font-size:8px;font-weight:800}.crm-call-disposition.resolved{color:#137c54;background:#e7f8ef}.crm-call-disposition.follow_up{color:#9b6810;background:#fff3d9}.crm-call-disposition.escalated{color:#b44153;background:#ffe9ed}.crm-call-disposition.technical{color:#5069c7;background:#edf1ff}.crm-call-disposition.billing,.crm-call-disposition.account,.crm-call-disposition.device_setup{color:#6e56bd;background:#f1ecff}.crm-call-view-notes{color:#43516a;cursor:pointer;background:#fff;border:1px solid #dce2eb;border-radius:7px;padding:6px 10px;font-size:9px;font-weight:800}.crm-call-view-notes:hover{background:#f6f8fb}.crm-call-notes-modal{width:min(680px,94vw);max-height:86vh;overflow:auto}.crm-call-modal-summary{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:15px;display:grid}.crm-call-modal-summary>div{background:#f8f9fc;border:1px solid #e8ecf2;border-radius:8px;padding:10px}.crm-call-modal-summary span{color:#919bac;font-size:8px;display:block}.crm-call-modal-summary strong{margin-top:4px;font-size:10px;display:block}.crm-call-modal-outcome{color:#707b8c;text-transform:capitalize;background:#f5f7fa;border-radius:8px;margin-bottom:15px;padding:10px 12px;font-size:9px}.crm-call-modal-outcome strong{color:#2c394d;margin-left:5px}.crm-call-modal-notes h3{margin:0 0 10px;font-size:12px}.crm-call-note{background:#fafbfc;border:1px solid #e7ebf1;border-radius:8px;margin-bottom:8px;padding:11px}.crm-call-note>div{justify-content:space-between;gap:12px;display:flex}.crm-call-note strong{font-size:9px}.crm-call-note span{color:#929cab;font-size:8px}.crm-call-note p{color:#465267;white-space:pre-wrap;margin:7px 0 0;font-size:10px;line-height:1.5}.crm-call-notes-empty{color:#909aa9;text-align:center;border:1px dashed #dce2ea;border-radius:8px;padding:24px;font-size:10px}@media (width<=800px){.crm-call-history-grid,.crm-call-modal-summary{grid-template-columns:repeat(2,1fr)}}.supervisor-route-controls select{color:#43516a;cursor:pointer;background:#fff;border:1px solid #dce2eb;border-radius:7px;width:170px;max-width:100%;height:30px;padding:0 8px;font-size:9px;font-weight:750}.supervisor-route-controls select:hover{border-color:#bdc7d5}.supervisor-route-controls select:disabled{opacity:.55;cursor:wait}.supervisor-page{background:#f5f7fb;min-height:100%;padding:24px}.supervisor-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.supervisor-header .eyebrow{letter-spacing:.14em;color:#6f86ff;margin-bottom:6px;font-size:9px;font-weight:800;display:block}.supervisor-header h2{color:#17233a;margin:0;font-size:24px}.supervisor-header p{color:#8490a3;margin:6px 0 0;font-size:11px}.supervisor-live{color:#344155;background:#fff;border:1px solid #dfe5ee;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:9px;font-weight:800;display:flex}.supervisor-live i{background:#20b26b;border-radius:50%;width:7px;height:7px}.supervisor-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.supervisor-stats>div{background:#fff;border:1px solid #e4e9f1;border-radius:11px;padding:15px}.supervisor-stats span{color:#8994a6;font-size:9px;font-weight:700;display:block}.supervisor-stats strong{color:#1f2d44;margin-top:5px;font-size:21px;display:block}.supervisor-panel{background:#fff;border:1px solid #e3e8f0;border-radius:12px;padding:16px}.supervisor-panel-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px;display:flex}.supervisor-panel-head h3{color:#243148;margin:0;font-size:13px}.supervisor-panel-head p{color:#919bad;margin:4px 0 0;font-size:9px}.supervisor-panel-head>span{color:#758196;font-size:9px;font-weight:800}.supervisor-agent-table{width:100%;overflow:auto}.supervisor-table-head,.supervisor-agent-row{grid-template-columns:1.35fr .8fr 1.1fr 1.2fr .55fr;align-items:center;gap:10px;display:grid}.supervisor-table-head{color:#8f99aa;text-transform:uppercase;border-bottom:1px solid #e8ecf2;padding:8px 10px;font-size:8px;font-weight:800}.supervisor-agent-row{color:#445066;border-bottom:1px solid #eef1f5;min-height:58px;padding:9px 10px;font-size:9px}.supervisor-agent-row:last-child{border-bottom:0}.supervisor-agent-name{align-items:center;gap:9px;display:flex}.supervisor-agent-name strong{color:#28364d;font-size:10px;display:block}.supervisor-agent-name span{color:#939dac;margin-top:2px;font-size:8px;display:block}.supervisor-avatar{color:#586579;background:#edf1f6;border-radius:9px;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;font-size:10px;font-weight:900;display:flex}.supervisor-avatar.online{color:#16845a;background:#e5f8ef}.supervisor-avatar.on_call{color:#596ed0;background:#eef0ff}.supervisor-status{color:#717c8d;background:#f0f2f5;border-radius:999px;align-items:center;gap:5px;padding:5px 7px;font-size:8px;font-weight:800;display:inline-flex}.supervisor-status i{background:currentColor;border-radius:50%;width:6px;height:6px}.supervisor-status.online{color:#158056;background:#e8f8f0}.supervisor-status.on_call{color:#566bcc;background:#eef0ff}.supervisor-status.away{color:#986b18;background:#fff4df}.supervisor-status.dnd{color:#b44658;background:#ffecef}.supervisor-bottom-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.supervisor-waiting-list{flex-direction:column;gap:8px;display:flex}.supervisor-waiting-row{background:#fafbfc;border:1px solid #e8ecf2;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;display:flex}.supervisor-waiting-row strong{color:#2a374d;font-size:10px;display:block}.supervisor-waiting-row span{color:#8d97a7;margin-top:3px;font-size:8px;display:block}.supervisor-waiting-row>div:last-child{text-align:right}.supervisor-waiting-time{font-weight:900;color:#3b4860!important;font-size:11px!important}.supervisor-waiting-row small{color:#9aa3b1;margin-top:2px;font-size:8px;display:block}.supervisor-departments{flex-direction:column;gap:8px;display:flex}.supervisor-department-card{background:#fafbfc;border:1px solid #e8ecf2;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;display:flex}.supervisor-department-card strong{color:#29364d;font-size:10px;display:block}.supervisor-department-card>div:first-child span{color:#929cab;margin-top:3px;font-size:8px;display:block}.supervisor-department-counts{gap:12px;display:flex}.supervisor-department-counts span{color:#8c96a6;font-size:8px}.supervisor-department-counts b{color:#35425a;margin-right:3px}.supervisor-empty{color:#929cac;text-align:center;padding:25px;font-size:10px}.supervisor-control select{color:#374255;background:#fff;border:1px solid #dfe4ec;border-radius:7px;width:100%;max-width:120px;height:30px;padding:0 8px;font-size:9px;font-weight:750}.supervisor-route-controls{margin-top:7px}.supervisor-route-controls select{color:#43516a;background:#fff;border:1px solid #dce2eb;border-radius:7px;width:170px;max-width:100%;height:30px;padding:0 8px;font-size:9px;font-weight:750}@media (width<=1000px){.supervisor-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.supervisor-bottom-grid{grid-template-columns:1fr}}.supervisor-waiting-actions{justify-content:flex-end;gap:6px;margin-top:7px;display:flex}.supervisor-waiting-actions button{color:#43516a;cursor:pointer;background:#fff;border:1px solid #dce2eb;border-radius:7px;height:28px;padding:0 9px;font-size:8px;font-weight:800}.supervisor-waiting-actions button:hover{background:#f5f7fa}.supervisor-waiting-actions button.callback{color:#6650b8;background:#f1edff;border-color:#ded5ff}.supervisor-waiting-actions button:disabled{opacity:.5;cursor:not-allowed}.call-record-button{color:#596578;cursor:pointer;background:#fff;border:1px solid #dfe5ee;border-radius:7px;padding:6px 9px;font-size:9px;font-weight:800}.call-record-button:hover{background:#f7f8fa}.call-record-button.recording{color:#c9364b;background:#fff0f2;border-color:#ffc7cf}.call-record-button.recording:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:5px;animation:1s infinite vbox-rec-pulse;display:inline-block}.call-record-button:disabled{opacity:.55;cursor:wait}.call-recorded-badge{color:#25805a;background:#edf7f1;border-radius:7px;align-items:center;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.call-recording-summary{background:#f1f8f4;border:1px solid #dce9e2;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:10px 12px;display:flex}.call-recording-summary strong{color:#277d59;font-size:9px}.call-recording-summary span{color:#798697;font-size:8px}.call-recording-summary.recording{background:#fff2f4;border-color:#ffd0d6}.call-recording-summary.recording strong{color:#c9364b;animation:1s infinite vbox-rec-pulse}@keyframes vbox-rec-pulse{0%{opacity:1}50%{opacity:.35}to{opacity:1}}.call-play-recording-button{color:#445269;cursor:pointer;background:#fff;border:1px solid #dfe5ee;border-radius:7px;justify-content:center;align-items:center;min-height:28px;padding:0 10px;font-size:8px;font-weight:800;display:inline-flex}.call-play-recording-button:hover{background:#f6f8fb;border-color:#cfd7e3}.call-play-recording-button:active{transform:translateY(1px)}.vbox-recording-playback-row{align-items:center;gap:6px;margin-right:6px;display:inline-flex}.call-recorded-badge{color:#19865a;white-space:nowrap;background:#edf8f2;border-radius:7px;align-items:center;min-height:28px;padding:0 9px;font-size:8px;font-weight:800;display:inline-flex}.call-play-recording-button{color:#5d59b6;cursor:pointer;white-space:nowrap;background:#f5f4ff;border:1px solid #dcdff6;border-radius:7px;min-height:28px;padding:0 10px;font-size:8px;font-weight:800}.call-play-recording-button:hover{background:#eceaff}.customer-recording-action{align-items:center;gap:7px;margin-left:auto;display:flex}.customer-recording-action span{color:#23835d;white-space:nowrap;font-size:8px;font-weight:800}.customer-recording-action button{color:#5d59b6;cursor:pointer;background:#f5f4ff;border:1px solid #dcdff6;border-radius:7px;min-height:28px;padding:0 10px;font-size:8px;font-weight:800}.customer-recording-action button:hover{background:#eceaff}.supervisor-recent-calls{margin-top:18px}.supervisor-recent-list{width:100%;overflow-x:auto}.supervisor-recent-head,.supervisor-recent-row{grid-template-columns:minmax(160px,1.4fr) minmax(130px,1fr) minmax(120px,1fr) minmax(150px,1fr) 80px minmax(150px,1fr) 90px;align-items:center;gap:14px;display:grid}.supervisor-recent-head{color:#8b91a5;text-transform:uppercase;border-bottom:1px solid #edf0f6;padding:10px 16px;font-size:10px;font-weight:800}.supervisor-recent-row{border-bottom:1px solid #f0f2f7;min-height:66px;padding:12px 16px;font-size:12px}.supervisor-recent-row:last-child{border-bottom:none}.supervisor-recent-row small{color:#9298aa;margin-top:3px;font-size:10px;display:block}.supervisor-recent-customer strong{color:#20263b;font-size:12px;display:block}.supervisor-recording-cell{align-items:center;gap:7px;display:flex}.supervisor-recorded{color:#21845c;white-space:nowrap;font-size:9px;font-weight:800}.supervisor-play-recording{color:#5d59b6;cursor:pointer;white-space:nowrap;background:#f5f4ff;border:1px solid #dcdff6;border-radius:7px;min-height:28px;padding:0 10px;font-size:9px;font-weight:800}.supervisor-play-recording:hover{background:#ebe9ff}.supervisor-no-recording{color:#a3a8b6}.supervisor-call-result{text-transform:capitalize;border-radius:8px;justify-content:center;align-items:center;min-height:27px;padding:0 9px;font-size:9px;font-weight:800;display:inline-flex}.supervisor-call-result.completed{color:#21845c;background:#ebf8f1}.supervisor-call-result.missed{color:#cc4b4b;background:#fff0f0}@media (width<=1100px){.supervisor-recent-head,.supervisor-recent-row{min-width:980px}}.call-outcome-button{color:#6c7085;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #dddff0;border-radius:8px;min-height:30px;padding:0 10px;font-size:9px;font-weight:800}.call-outcome-button:hover{background:#f7f7fb}.call-outcome-button.saved{color:#21845c;background:#eef9f3;border-color:#cceada}.call-outcome-modal{width:min(620px,100vw - 32px);max-width:620px}.call-outcome-summary{grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0;display:grid}.call-outcome-summary>div{background:#fafbfe;border:1px solid #eceef4;border-radius:10px;padding:12px}.call-outcome-summary span{color:#9298a8;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:700;display:block}.call-outcome-summary strong{color:#252a3b;font-size:12px}.call-outcome-form{gap:14px;display:grid}.call-outcome-form label>span{color:#575d70;margin-bottom:7px;font-size:11px;font-weight:800;display:block}.call-outcome-form select,.call-outcome-form textarea{width:100%;font:inherit;background:#fff;border:1px solid #dde0ea;border-radius:9px;outline:none;padding:10px 12px}.call-outcome-form textarea{resize:vertical}.call-existing-notes{max-height:220px;margin-top:18px;overflow-y:auto}.call-existing-notes-head{color:#555b70;margin-bottom:8px;font-size:11px;font-weight:800}.call-note-item{background:#fafbfe;border:1px solid #eceef4;border-radius:9px;margin-bottom:7px;padding:10px 12px}.call-note-item strong{font-size:10px;display:block}.call-note-item p{margin:5px 0;font-size:11px;line-height:1.45}.call-note-item small{color:#969bab;font-size:9px}.call-note-empty{color:#9ba0ae;text-align:center;padding:14px;font-size:10px}@media (width<=700px){.call-outcome-summary{grid-template-columns:1fr}}.supervisor-analytics{margin-bottom:20px}.supervisor-analytics-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.supervisor-analytics-head h2{margin:3px 0 0}.analytics-range{background:#f7f8fb;border:1px solid #e5e7ef;border-radius:10px;gap:6px;padding:4px;display:flex}.analytics-range button{cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 11px;font-size:10px;font-weight:800}.analytics-range button.active{background:#fff;box-shadow:0 1px 4px #00000014}.analytics-stat-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.analytics-stat-card{background:#fff;border:1px solid #e8eaf1;border-radius:12px;padding:14px}.analytics-stat-card span{color:#8b91a3;text-transform:uppercase;margin-bottom:6px;font-size:9px;font-weight:800;display:block}.analytics-stat-card strong{color:#242838;font-size:22px}.analytics-content-grid{grid-template-columns:minmax(260px,.7fr) minmax(500px,1.3fr);gap:12px;display:grid}.analytics-panel{background:#fff;border:1px solid #e8eaf1;border-radius:12px;overflow:hidden}.analytics-panel-head{border-bottom:1px solid #eef0f5;padding:12px 14px;font-size:11px;font-weight:900}.disposition-list{padding:8px 12px}.disposition-row{border-bottom:1px solid #f0f1f5;justify-content:space-between;align-items:center;padding:9px 2px;font-size:11px;display:flex}.disposition-row:last-child{border-bottom:0}.analytics-agent-table{overflow-x:auto}.analytics-agent-head,.analytics-agent-row{grid-template-columns:minmax(160px,1.6fr) .7fr .7fr .8fr;align-items:center;gap:10px;min-width:560px;padding:10px 14px;display:grid}.analytics-agent-head{color:#9095a5;text-transform:uppercase;background:#fafbfc;font-size:9px;font-weight:800}.analytics-agent-row{border-top:1px solid #f0f1f5;font-size:11px}.analytics-agent-row>span:first-child{flex-direction:column;display:flex}.analytics-agent-row small{color:#9ba0ae;margin-top:2px;font-size:9px}.analytics-empty{color:#999ead;text-align:center;padding:24px;font-size:10px}@media (width<=1100px){.analytics-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-content-grid{grid-template-columns:1fr}}.analytics-secondary-grid{grid-template-columns:minmax(520px,1.25fr) minmax(380px,.75fr);gap:12px;margin-top:12px;margin-bottom:18px;display:grid}.analytics-panel-head-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.analytics-export{color:#5d59b6;cursor:pointer;background:#f7f7ff;border:1px solid #dcdff0;border-radius:8px;min-height:30px;padding:0 11px;font-size:9px;font-weight:800}.analytics-export:hover{background:#eef}.analytics-queue-table{overflow-x:auto}.analytics-queue-head,.analytics-queue-row{grid-template-columns:minmax(170px,1.6fr) .7fr .7fr .8fr .9fr;align-items:center;gap:10px;min-width:650px;padding:10px 14px;display:grid}.analytics-queue-head{color:#9095a5;text-transform:uppercase;background:#fafbfc;font-size:9px;font-weight:800}.analytics-queue-row{color:#505b70;border-top:1px solid #f0f1f5;font-size:11px}.analytics-queue-row strong{color:#273449}.hourly-call-chart{align-items:flex-end;gap:7px;min-height:220px;padding:18px 14px 12px;display:flex;overflow-x:auto}.hourly-call-column{text-align:center;flex:1 0 34px;min-width:34px;max-width:54px}.hourly-call-count{color:#596377;margin-bottom:5px;font-size:8px;font-weight:800}.hourly-call-bar-track{background:#f1f3f7;border-radius:7px;align-items:flex-end;height:140px;display:flex;overflow:hidden}.hourly-call-bar{background:linear-gradient(#6d69e7,#5755cf);border-radius:7px 7px 0 0;width:100%;min-height:8px}.hourly-call-label{color:#9099a8;white-space:nowrap;margin-top:6px;font-size:7px}@media (width<=1150px){.analytics-secondary-grid{grid-template-columns:1fr}}.telegram-page{flex-direction:column;gap:18px;display:flex}.telegram-hero{justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.telegram-hero h2{margin:4px 0 6px;font-size:24px}.telegram-hero p{color:#7b8499;margin:0}.telegram-eyebrow{letter-spacing:.12em;color:#6170d8;font-size:11px;font-weight:700}.telegram-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.telegram-stat{flex-direction:column;gap:8px;padding:20px;display:flex}.telegram-stat span{color:#8a93a7;font-size:12px}.telegram-stat strong{font-size:28px;line-height:1}.telegram-list-panel{padding:0;overflow:hidden}.telegram-list-header{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;display:flex}.telegram-list-header h3{margin:0 0 4px}.telegram-list-header p{color:#8a93a7;margin:0;font-size:13px}.telegram-connected{color:#168a52;background:#ebf9f1;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700}.telegram-conversations{flex-direction:column;display:flex}.telegram-conversation{border-bottom:1px solid #f0f2f6;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:14px;padding:17px 22px;display:grid}.telegram-conversation:last-child{border-bottom:0}.telegram-avatar{color:#fff;background:#5868e8;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.telegram-conversation-copy{min-width:0}.telegram-conversation-top{align-items:center;gap:8px;display:flex}.telegram-last-message{color:#5f687a;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;overflow:hidden}.telegram-meta{color:#9aa2b1;gap:14px;margin-top:7px;font-size:11px;display:flex}.telegram-status{text-transform:uppercase;color:#687184;background:#f1f3f7;border-radius:999px;padding:4px 7px;font-size:10px}.telegram-status.open{color:#188552;background:#eaf8f0}.telegram-status.pending{color:#a66b00;background:#fff4dd}.telegram-status.resolved,.telegram-status.closed{color:#646d80;background:#eef0f5}.telegram-open-button{cursor:pointer;background:#fff;border:1px solid #dce1ec;border-radius:9px;padding:9px 12px;font-weight:600}.telegram-open-button:hover{background:#f6f8ff}.telegram-empty,.telegram-error{text-align:center;color:#8992a4;padding:40px 22px}.telegram-error{color:#b54444}@media (width<=900px){.telegram-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.telegram-conversation{grid-template-columns:42px minmax(0,1fr)}.telegram-open-button{grid-column:2;width:fit-content}}.ai-assistant-page{flex-direction:column;gap:16px;display:flex}.ai-assistant-hero{justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.ai-assistant-hero h2{margin:4px 0 6px}.ai-assistant-hero p{color:#7f889b;margin:0}.ai-eyebrow{letter-spacing:.14em;color:#6873e7;font-size:11px;font-weight:800}.ai-status{color:#777f90;background:#f2f3f6;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.ai-status.ready{color:#178654;background:#eaf8f0}.ai-selector{align-items:flex-end;gap:18px;padding:20px;display:flex}.ai-selector-copy{flex:1}.ai-selector-copy label{color:#737c8f;margin-bottom:7px;font-size:12px;display:block}.ai-selector select{background:#fff;border:1px solid #dce1e9;border-radius:9px;width:100%;min-height:42px;padding:0 12px}.ai-current{padding:17px 20px}.ai-current>div{align-items:center;gap:10px;display:flex}.ai-current span{text-transform:uppercase;background:#f0f2f7;border-radius:999px;padding:4px 7px;font-size:10px}.ai-current p{color:#60697a;margin:8px 0 0}.ai-empty{text-align:center;padding:55px 20px}.ai-empty-icon{color:#5c68e7;background:#eef0ff;border-radius:15px;place-items:center;width:54px;height:54px;margin:0 auto 14px;font-weight:800;display:grid}.ai-empty h3{margin:0 0 8px}.ai-empty p{color:#858da0;max-width:430px;margin:auto}.ai-results{flex-direction:column;gap:16px;display:flex}.ai-result-card{padding:21px}.ai-card-label{letter-spacing:.08em;text-transform:uppercase;color:#747d91;font-size:11px;font-weight:800}.ai-summary p{margin:10px 0 0;line-height:1.6}.ai-result-header{justify-content:space-between;align-items:center;gap:15px;display:flex}.ai-result-header button,.ai-reply-actions button{cursor:pointer}.ai-reply-text{white-space:pre-wrap;background:#f7f8fc;border:1px solid #eaedf3;border-radius:10px;margin-top:14px;padding:17px;line-height:1.65}.ai-reply-actions{justify-content:space-between;align-items:center;gap:15px;margin-top:14px;display:flex}.ai-reply-actions span{color:#9299a8;font-size:11px}.ai-insights{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.ai-insight{padding:17px}.ai-insight span{color:#8b93a4;margin-bottom:8px;font-size:11px;display:block}.ai-insight strong{text-transform:capitalize;font-size:14px}.ai-error{color:#b23e48;background:#fff5f5;padding:18px}@media (width<=1000px){.ai-insights{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.ai-selector,.ai-assistant-hero{flex-direction:column;align-items:stretch}.ai-insights{grid-template-columns:1fr}}.inbox-ai-tools{align-items:center;gap:12px;padding:10px 12px 0;display:flex}.inbox-ai-tools span{color:#8b94a8;font-size:11px}.inbox-ai-button{color:#5662d8;cursor:pointer;background:#f3f4ff;border:1px solid #d9def6;border-radius:9px;padding:8px 12px;font-size:12px;font-weight:700}.inbox-ai-button:hover{background:#eaedff}.inbox-ai-button:disabled{opacity:.55;cursor:not-allowed}.inbox-ai-card{background:#fafbff;border:1px solid #dde2f3;border-radius:12px;margin:10px 12px 4px;padding:14px}.inbox-ai-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.inbox-ai-card-head>div{flex-direction:column;gap:3px;display:flex}.inbox-ai-card-head strong{font-size:13px}.inbox-ai-card-head span{color:#9098aa;font-size:10px}.inbox-ai-close{cursor:pointer;color:#858da0;background:0 0;border:0;font-size:20px;line-height:1}.inbox-ai-summary{background:#fff;border:1px solid #eceef5;border-radius:8px;margin-top:12px;padding:10px 12px}.inbox-ai-summary span{text-transform:uppercase;letter-spacing:.07em;color:#858da0;margin-bottom:4px;font-size:10px;font-weight:800;display:block}.inbox-ai-summary p{color:#566071;margin:0;font-size:12px;line-height:1.5}.inbox-ai-draft{resize:vertical;width:100%;min-height:90px;font:inherit;background:#fff;border:1px solid #dfe3ec;border-radius:9px;margin-top:10px;padding:11px;line-height:1.5}.inbox-ai-actions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.inbox-ai-actions button{cursor:pointer;border:1px solid #d9dee8;border-radius:8px;padding:8px 12px;font-weight:600}.inbox-ai-error{color:#b3424c;background:#fff2f3;border-radius:8px;margin-top:12px;padding:10px;font-size:12px}.chat-workspace{flex-direction:column;height:calc(100vh - 72px);min-height:0;display:flex;overflow:hidden}.chat-header{z-index:3;background:#fff;flex:none;position:relative}.agent-messages{scroll-behavior:smooth;flex:auto;min-height:0;padding-bottom:18px;overflow:hidden auto}.inbox-ai-tools{background:#fff;border-top:1px solid #edf0f5;flex:none;padding:8px 12px}.inbox-ai-card{flex:none;max-height:280px;margin:0 12px 8px;padding:12px;overflow-y:auto}.inbox-ai-summary{margin-top:8px;padding:8px 10px}.inbox-ai-summary p{max-height:42px;overflow:auto}.inbox-ai-draft{min-height:68px;max-height:110px;margin-top:8px}.inbox-ai-actions{margin-top:8px}.reply-box{z-index:4;background:#fff;border-top:1px solid #e9edf3;flex:none;padding:10px 12px 12px;position:relative}.reply-box textarea{resize:vertical;min-height:48px;max-height:110px}.agent-msg{overflow-wrap:anywhere;word-break:break-word;max-width:72%}.agent-msg.agent{margin-left:auto}.agent-msg.customer{margin-right:auto}.inbox-list,.conversation-list,.inbox-conversations{min-height:0;overflow-y:auto}@media (width>=901px){.chat-workspace{max-height:calc(100vh - 72px)}}@media (width<=900px){.chat-workspace{height:auto;max-height:none;overflow:visible}.agent-messages{min-height:420px;max-height:60vh}.inbox-ai-card{max-height:none}.agent-msg{max-width:88%}}.backup-page{flex-direction:column;gap:16px;display:flex}.backup-hero{justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.backup-hero h2{margin:4px 0 6px}.backup-hero p{color:#7e8799;margin:0}.backup-eyebrow{letter-spacing:.12em;color:#616ee0;font-size:11px;font-weight:800}.backup-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.backup-info-card{padding:19px}.backup-info-card span{color:#8992a4;margin-bottom:8px;font-size:11px;display:block}.backup-info-card strong{font-size:20px}.backup-list-panel{padding:0;overflow:hidden}.backup-list-head{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.backup-list-head h3{margin:0 0 5px}.backup-list-head p{color:#8992a4;margin:0;font-size:12px}.backup-list-head button{cursor:pointer;background:#fff;border:1px solid #dce1e9;border-radius:8px;padding:8px 11px}.backup-table{flex-direction:column;display:flex}.backup-row{border-bottom:1px solid #f0f2f5;grid-template-columns:44px minmax(0,1fr) 90px 110px;align-items:center;gap:14px;padding:15px 22px;display:grid}.backup-row:last-child{border-bottom:0}.backup-file-icon{color:#5b67de;background:#eef0ff;border-radius:10px;place-items:center;width:38px;height:38px;font-size:11px;font-weight:800;display:grid}.backup-file-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.backup-file-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.backup-file-copy span{color:#929aab;font-size:11px}.backup-size{color:#596273;font-size:12px}.backup-download{color:#5864d9;cursor:pointer;background:#f7f8ff;border:1px solid #d9dff0;border-radius:8px;padding:8px 11px;font-weight:650}.backup-download:hover{background:#eef0ff}.backup-empty{text-align:center;color:#9199a9;padding:45px 20px}.backup-error{color:#b33f49;background:#fff4f5;padding:14px 18px}.backup-denied{padding:30px}@media (width<=800px){.backup-info-grid{grid-template-columns:1fr}.backup-hero{flex-direction:column;align-items:stretch}.backup-row{grid-template-columns:40px minmax(0,1fr)}.backup-size,.backup-download{grid-column:2}}.system-health-panel{padding:0;overflow:hidden}.system-health-head{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;display:flex}.system-health-head h3{margin:4px 0 5px}.system-health-head p{color:#8992a4;margin:0;font-size:12px}.system-health-head button{cursor:pointer;background:#fff;border:1px solid #dce1e9;border-radius:8px;padding:8px 11px}.system-health-grid{border-bottom:1px solid #edf0f5;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;display:grid}.health-service{border-right:1px solid #edf0f5;align-items:center;gap:10px;padding:18px;display:flex}.health-service:last-child{border-right:0}.health-service>div:last-child{flex-direction:column;gap:4px;display:flex}.health-service span{color:#8992a4;font-size:11px}.health-service strong{font-size:13px}.health-dot{background:#9ca3af;border-radius:50%;flex:none;width:10px;height:10px}.health-dot.online{background:#20a568}.health-dot.degraded,.health-dot.warning{background:#d89a24}.health-dot.offline{background:#d34b55}.health-details{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:17px 22px;display:grid}.health-details>div{flex-direction:column;gap:5px;display:flex}.health-details span{text-transform:uppercase;letter-spacing:.05em;color:#959dac;font-size:10px}.health-details strong{overflow-wrap:anywhere;font-size:12px}@media (width<=1100px){.system-health-grid,.health-details{grid-template-columns:repeat(2,minmax(0,1fr))}.health-service{border-bottom:1px solid #edf0f5}}@media (width<=650px){.system-health-grid,.health-details{grid-template-columns:1fr}.system-health-head{flex-direction:column;align-items:stretch}}.xui-settings-panel{padding:0;overflow:hidden}.xui-settings-head{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.xui-settings-head h3{margin:4px 0 5px}.xui-settings-head p{color:#8992a4;margin:0;font-size:12px}.xui-status-badge{white-space:nowrap;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:800}.xui-status-badge.connected{color:#22885b;background:#eaf8f1}.xui-status-badge.failed{color:#c54852;background:#fff0f1}.xui-status-badge.unknown{color:#737d8f;background:#f1f3f6}.xui-settings-body{flex-direction:column;gap:16px;padding:22px;display:flex}.xui-field{flex-direction:column;gap:7px;display:flex}.xui-field>span{color:#687287;font-size:11px;font-weight:750}.xui-field input{border:1px solid #dce2eb;border-radius:10px;outline:none;width:100%;padding:11px 12px}.xui-field input:focus{border-color:#6572e8;box-shadow:0 0 0 3px #6572e814}.xui-field small{color:#9098a8;font-size:10px}.xui-enable-row{background:#fafbfc;border:1px solid #e5e9f0;border-radius:11px;align-items:flex-start;gap:10px;padding:14px;display:flex}.xui-enable-row input{margin-top:3px}.xui-enable-row div{flex-direction:column;gap:3px;display:flex}.xui-enable-row strong{font-size:12px}.xui-enable-row span{color:#8a93a4;font-size:10px}.xui-last-test{background:#f7f9fc;border-radius:10px;flex-direction:column;gap:3px;padding:13px 14px;display:flex}.xui-last-test span{color:#929aaa;font-size:10px}.xui-last-test strong{font-size:12px}.xui-last-test small{color:#7e8798;font-size:10px}.xui-message{color:#5966d9;background:#f2f4ff;border-radius:9px;padding:11px 13px;font-size:11px}.xui-actions{justify-content:flex-end;gap:9px;display:flex}.xui-loading{color:#929aaa;padding:35px 22px;font-size:12px}@media (width<=700px){.xui-settings-head{flex-direction:column;align-items:flex-start}.xui-actions{flex-direction:column}.xui-actions button{width:100%}}.xui-tools-page{flex-direction:column;gap:16px;display:flex}.xui-tools-hero{justify-content:space-between;align-items:center;gap:20px;padding:22px;display:flex}.xui-tools-hero h2{margin:4px 0 6px}.xui-tools-hero p{color:#8992a4;margin:0;font-size:12px}.xui-readonly-badge{color:#21875a;background:#eaf8f1;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:800}.xui-tools-main{padding:0;overflow:hidden}.xui-tabs{border-bottom:1px solid #edf0f5;gap:4px;padding:12px;display:flex}.xui-tabs button{color:#7e8798;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 13px;font-size:11px;font-weight:700}.xui-tabs button.active{color:#5965db;background:#eef0ff}.xui-search-area{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:flex-end;gap:24px;padding:20px 22px;display:flex}.xui-search-area h3{margin:0 0 4px}.xui-search-area p{color:#8c95a5;margin:0;font-size:11px}.xui-search-box{gap:8px;width:min(520px,100%);display:flex}.xui-search-box input{border:1px solid #dce2eb;border-radius:9px;outline:none;flex:1;min-width:0;padding:10px 12px}.xui-search-box input:focus{border-color:#6572e8;box-shadow:0 0 0 3px #6572e814}.xui-tools-message{color:#b84b54;background:#fff5f5;border-radius:9px;margin:18px 22px;padding:12px 14px;font-size:11px}.xui-empty{text-align:center;color:#929aaa;padding:50px 22px;font-size:12px}.xui-result-list{flex-direction:column;gap:12px;padding:18px 22px 24px;display:flex}.xui-result-card{background:#fff;border:1px solid #e5e9f0;border-radius:12px;padding:17px}.xui-result-top{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:15px;display:flex}.xui-result-top h3{margin:3px 0 0;font-size:15px}.xui-result-label{color:#8f98a8;letter-spacing:.06em;font-size:9px;font-weight:800}.xui-item-status{white-space:nowrap;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:800}.xui-item-status.healthy{color:#21875a;background:#eaf8f1}.xui-item-status.offline{color:#c54852;background:#fff0f1}.xui-detail-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.xui-detail-grid>div{flex-direction:column;gap:4px;min-width:0;display:flex}.xui-detail-grid span{text-transform:uppercase;letter-spacing:.04em;color:#969ead;font-size:9px}.xui-detail-grid strong{overflow-wrap:anywhere;font-size:11px}.xui-notes{border-top:1px solid #edf0f5;grid-template-columns:1fr 1fr;gap:16px;margin-top:14px;padding-top:14px;display:grid}.xui-notes span{color:#8f98a8;font-size:9px;font-weight:800}.xui-notes p{color:#596273;margin:4px 0 0;font-size:11px;line-height:1.45}@media (width<=1000px){.xui-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.xui-search-area{flex-direction:column;align-items:stretch}.xui-search-box{width:100%}}@media (width<=650px){.xui-tools-hero{flex-direction:column;align-items:flex-start}.xui-tabs{overflow-x:auto}.xui-detail-grid,.xui-notes{grid-template-columns:1fr}.xui-search-box{flex-direction:column}}.crm-xui-card{background:#fff;border:1px solid #e5e9f0;border-radius:12px;padding:20px}.crm-xui-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.crm-xui-head h3{margin:4px 0}.crm-xui-head p{color:#8992a4;margin:0;font-size:10px;line-height:1.45}.crm-xui-linked{color:#21875a;background:#eaf8f1;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:800}.crm-xui-search{gap:8px;display:flex}.crm-xui-search input{border:1px solid #dce2eb;border-radius:9px;outline:none;flex:1;min-width:0;padding:10px 11px}.crm-xui-search input:focus{border-color:#6572e8;box-shadow:0 0 0 3px #6572e814}.crm-xui-results{flex-direction:column;gap:7px;margin-top:10px;display:flex}.crm-xui-result{border:1px solid #e7eaf0;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:10px 11px;display:flex}.crm-xui-result>div{flex-direction:column;gap:3px;display:flex}.crm-xui-result strong{font-size:11px}.crm-xui-result span{color:#9199a8;font-size:9px}.crm-xui-result button{color:#5965da;cursor:pointer;background:#eef0ff;border:0;border-radius:8px;padding:7px 9px;font-size:9px;font-weight:800}.crm-xui-username{background:#f6f7ff;border-radius:9px;justify-content:space-between;gap:15px;margin-bottom:13px;padding:12px 13px;display:flex}.crm-xui-username span{color:#878fa0;font-size:10px}.crm-xui-username strong{color:#5965da;font-size:11px}.crm-xui-account-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.crm-xui-account-grid>div{border:1px solid #edf0f4;border-radius:9px;flex-direction:column;gap:4px;padding:10px;display:flex}.crm-xui-account-grid span{color:#939baa;text-transform:uppercase;font-size:8px}.crm-xui-account-grid strong{overflow-wrap:anywhere;font-size:10px}.xui-good{color:#21875a}.xui-bad{color:#c54852}.crm-xui-actions{gap:8px;margin-top:13px;display:flex}.crm-xui-unlink{color:#c34c55;cursor:pointer;background:#fff;border:1px solid #efd4d6;border-radius:8px;padding:8px 10px;font-size:10px;font-weight:700}.crm-xui-message,.crm-xui-warning,.crm-xui-loading{color:#788294;background:#f5f7fb;border-radius:8px;margin-top:10px;padding:10px 11px;font-size:10px}.crm-xui-warning{color:#a56a1d;background:#fff7ed}@media (width<=850px){.crm-xui-account-grid{grid-template-columns:1fr 1fr}}@media (width<=550px){.crm-xui-search{flex-direction:column}.crm-xui-account-grid{grid-template-columns:1fr}}.crm-xui-actions{flex-wrap:wrap}.crm-xui-tool-button{color:#5965da;cursor:pointer;background:#fff;border:1px solid #dce2eb;border-radius:8px;padding:8px 10px;font-size:10px;font-weight:750}.crm-xui-tool-button:hover{background:#f5f6ff;border-color:#cfd5f6}.xui-customer-context{background:#f7f8ff;border-bottom:1px solid #e6e9f5;align-items:center;gap:30px;padding:13px 18px;display:flex}.xui-customer-context>div{flex-direction:column;gap:3px;display:flex}.xui-customer-context span{color:#929aaa;letter-spacing:.06em;font-size:8px;font-weight:800}.xui-customer-context strong{color:#343d53;font-size:11px}.xui-customer-context>div:last-child strong{color:#5965da}@media (width<=650px){.xui-customer-context{flex-direction:column;align-items:flex-start;gap:8px}}.public-ticket-page{color:#162033;background:linear-gradient(#f4f6fb,#eef1f7);min-height:100vh;padding:28px 16px 50px}.public-ticket-shell{width:min(900px,100%);margin:0 auto}.public-ticket-brand{align-items:center;gap:11px;margin-bottom:18px;display:flex}.public-ticket-logo{color:#fff;background:#5965df;border-radius:13px;place-items:center;width:44px;height:44px;font-size:18px;font-weight:900;display:grid}.public-ticket-brand strong{font-size:15px;display:block}.public-ticket-brand span{color:#8b94a5;margin-top:2px;font-size:10px;display:block}.public-ticket-card{background:#fff;border:1px solid #e1e6ee;border-radius:15px;margin-bottom:14px;padding:24px;box-shadow:0 10px 30px #22315b0f}.public-ticket-top{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.public-ticket-number{color:#5965df;letter-spacing:.08em;margin-bottom:7px;font-size:9px;font-weight:900;display:block}.public-ticket-top h1{margin:0 0 7px;font-size:24px;line-height:1.2}.public-ticket-top p{color:#7d8798;max-width:600px;margin:0;font-size:12px;line-height:1.55}.public-ticket-status{border-radius:999px;flex:none;padding:7px 11px;font-size:10px;font-weight:800}.public-ticket-status.open{color:#21875a;background:#eaf8f1}.public-ticket-status.pending{color:#9d6a18;background:#fff7e8}.public-ticket-status.resolved{color:#5965da;background:#eef0ff}.public-ticket-status.closed{color:#697384;background:#eef1f4}.public-ticket-meta{border-top:1px solid #edf0f5;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px;padding-top:18px;display:grid}.public-ticket-meta>div{flex-direction:column;gap:4px;display:flex}.public-ticket-meta span{color:#949cab;text-transform:uppercase;font-size:9px}.public-ticket-meta strong{font-size:11px}.public-ticket-description{background:#f7f9fc;border-radius:11px;margin-top:20px;padding:16px}.public-ticket-description span,.public-ticket-section-head span{color:#929aaa;letter-spacing:.06em;font-size:9px;font-weight:800;display:block}.public-ticket-description p{white-space:pre-wrap;margin:7px 0 0;font-size:12px;line-height:1.6}.public-ticket-section-head h2{margin:4px 0 0;font-size:18px}.public-ticket-timeline{margin-top:18px}.public-ticket-event{gap:12px;padding:0 0 20px;display:flex;position:relative}.public-ticket-event:not(:last-child):before{content:"";background:#dfe4ec;width:1px;height:calc(100% - 4px);position:absolute;top:12px;left:5px}.public-ticket-dot{z-index:1;background:#5965df;border-radius:50%;flex:0 0 11px;width:11px;height:11px;margin-top:3px}.public-ticket-event>div:last-child{flex-direction:column;gap:4px;display:flex}.public-ticket-event strong{font-size:11px}.public-ticket-event span{color:#929aaa;font-size:9px}.public-ticket-empty{color:#939baa;padding:20px 0;font-size:11px}.public-ticket-help{text-align:center;color:#848e9f;padding:10px;font-size:10px;line-height:1.5}.public-ticket-error h2{margin:0 0 7px}.public-ticket-error p{color:#818a9a;margin:0;font-size:12px}@media (width<=700px){.public-ticket-page{padding:16px 10px 30px}.public-ticket-card{padding:18px}.public-ticket-top{flex-direction:column}.public-ticket-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=430px){.public-ticket-meta{grid-template-columns:1fr}}.email-list-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.email-new-button{color:#fff;cursor:pointer;white-space:nowrap;background:#5965df;border:0;border-radius:8px;padding:8px 10px;font-size:10px;font-weight:800}.email-compose-overlay{z-index:9999;background:#0b14276b;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.email-compose-modal{background:#fff;border-radius:15px;width:min(620px,100%);max-height:90vh;overflow:auto;box-shadow:0 24px 70px #141e3c3d}.email-compose-head{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:flex-start;padding:19px 21px;display:flex}.email-compose-head h2{margin:0 0 4px;font-size:19px}.email-compose-head span{color:#8c95a6;font-size:10px}.email-compose-head>button{cursor:pointer;color:#667085;background:#f3f5f8;border:0;border-radius:8px;width:31px;height:31px;font-size:20px}.email-compose-body{flex-direction:column;gap:14px;padding:20px 21px;display:flex}.email-compose-body label{color:#596274;flex-direction:column;gap:6px;font-size:10px;font-weight:750;display:flex}.email-compose-body input,.email-compose-body textarea{width:100%;font:inherit;border:1px solid #dce2eb;border-radius:9px;outline:none;padding:11px 12px}.email-compose-body input:focus,.email-compose-body textarea:focus{border-color:#6572e8;box-shadow:0 0 0 3px #6572e814}.email-compose-body textarea{resize:vertical;min-height:180px}.email-compose-footer{border-top:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:15px;padding:15px 21px;display:flex}.email-compose-footer>span{color:#929aaa;font-size:9px}.email-compose-footer>div{gap:8px;display:flex}.email-compose-cancel{color:#596274;cursor:pointer;background:#fff;border:1px solid #dce2eb;border-radius:8px;padding:9px 12px;font-weight:700}@media (width<=600px){.email-compose-footer{flex-direction:column;align-items:stretch}.email-compose-footer>div{width:100%}.email-compose-footer button{flex:1}}