:root{--p:#8b5cf6;--pa:#22d3ee;--s:#22c55e;--w:#fbbf24;--d:#fb7185;--bg:#070814;--s1:rgba(16,18,35,.9);--s2:rgba(22,26,48,.9);--s3:rgba(7,10,24,.72);--b:rgba(148,163,184,.18);--t:#f8fafc;--tm:#a8b3c7;--shadow:0 24px 90px rgba(0,0,0,.42);--soft:0 16px 45px rgba(0,0,0,.24);--r:22px}*{scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.55) rgba(15,23,42,.45)}*::-webkit-scrollbar{width:7px;height:7px}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b5cf6,#06b6d4);border-radius:999px}*::-webkit-scrollbar-track{background:rgba(15,23,42,.48)}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;background:radial-gradient(circle at 10% 0%,rgba(139,92,246,.32),transparent 34%),radial-gradient(circle at 92% 8%,rgba(34,211,238,.22),transparent 30%),linear-gradient(180deg,#070814,#0b1020 45%,#070814)!important;color:var(--t)!important}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 75%);z-index:-1}body:after{content:"";position:fixed;inset:auto 6% 5% auto;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle,rgba(34,211,238,.14),transparent 66%);filter:blur(4px);pointer-events:none;z-index:-1}header,.panel-header,#chat-top-bar,#agent-input-area,#chat-list-panel,#sidebar,#player-info-panel,.card,.modal,.login-card,.card-header,.modal-sidebar,.pip-card,.stat-card,.item,.agent-card,.sc-card{background:linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.045))!important;border-color:var(--b)!important;box-shadow:var(--shadow);backdrop-filter:blur(18px)}header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--b)!important}header h1,.page-title,.logo h1,.panel-header h3,.card-header h2,.modal-header .info h2{letter-spacing:-.035em;background:linear-gradient(135deg,#fff,#c4b5fd 45%,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}a.back,.add-btn,.btn,.gr-btn,.send-btn,.button,.view-btn,.edit-btn,.save-btn,.btn-save,.save-notes-btn,.qr-btn,.tab-btn.active,.action-btn.btn-claim{border-color:rgba(139,92,246,.38)!important;box-shadow:0 14px 34px rgba(139,92,246,.16)}.add-btn,.btn,.gr-btn,.send-btn,.btn-save,.button{background:linear-gradient(135deg,#8b5cf6,#06b6d4)!important;color:#fff!important}a.back,.view-btn,.edit-btn,.save-btn,.save-notes-btn,.qr-btn,.tab-btn.active{background:rgba(139,92,246,.14)!important;color:#c4b5fd!important}input,textarea,select,.search-input,.filter-select,#agent-msg-input,.notes-area,.notes-box,.search-box{background:rgba(6,8,20,.74)!important;border-color:rgba(148,163,184,.2)!important;color:var(--t)!important}input:focus,textarea:focus,select:focus,#agent-msg-input:focus,.search-input:focus,.filter-select:focus,.search-box:focus{border-color:rgba(34,211,238,.62)!important;box-shadow:0 0 0 4px rgba(34,211,238,.08)!important}input::placeholder,textarea::placeholder{color:rgba(168,179,199,.72)!important}.empty,.no-data,.loading-msgs{color:var(--tm)!important;background:rgba(255,255,255,.035);border:1px dashed rgba(148,163,184,.18);border-radius:18px}#sidebar{width:88px!important;padding:18px 12px!important;background:linear-gradient(180deg,rgba(13,16,32,.96),rgba(7,10,24,.92))!important}#sidebar.expanded{width:260px!important}.sidebar-logo{width:56px!important;height:56px!important;border-radius:20px!important;display:grid!important;place-items:center!important;margin:0 auto 18px!important;background:linear-gradient(135deg,#8b5cf6,#06b6d4)!important;box-shadow:0 18px 45px rgba(139,92,246,.32)!important}.nav-btn{border:1px solid transparent!important;border-radius:18px!important}.nav-btn:hover,.nav-btn.active{background:rgba(139,92,246,.16)!important;color:#c4b5fd!important;border-color:rgba(139,92,246,.28)!important;box-shadow:0 12px 28px rgba(139,92,246,.12)}.agent-avatar{box-shadow:0 14px 34px rgba(0,0,0,.28);border:2px solid rgba(255,255,255,.18)}#main{background:rgba(255,255,255,.012)}#chat-list-panel{width:350px!important;background:rgba(10,14,30,.74)!important}.panel-header{padding:18px 18px!important}.panel-header h3{font-size:17px!important}.count-badge{background:linear-gradient(135deg,#8b5cf6,#06b6d4)!important;color:#fff!important;min-width:26px;text-align:center}.tab-btn{border-radius:14px!important;border:1px solid transparent!important}.tab-btn.active{border-color:rgba(139,92,246,.28)!important}.session-item{border-radius:20px!important;padding:14px!important;margin-bottom:8px!important;background:rgba(255,255,255,.032)!important}.session-item:hover,.session-item.active{background:rgba(255,255,255,.07)!important;border-color:rgba(139,92,246,.28)!important;transform:translateY(-1px)}.session-item.waiting{border-left:3px solid #fbbf24!important;box-shadow:inset 4px 0 0 rgba(251,191,36,.16)}.si-name{letter-spacing:-.02em}.si-msg{color:rgba(168,179,199,.78)!important}.si-site{color:#67e8f9!important;font-weight:750}.si-badge{background:linear-gradient(135deg,#fb7185,#fbbf24)!important;color:#111827!important}#stats-bar{padding:14px 18px!important;background:rgba(255,255,255,.045)!important}.stat-item{background:rgba(255,255,255,.045);border:1px solid rgba(148,163,184,.12);border-radius:18px;padding:10px 12px;min-width:74px!important}.stat-val{background:linear-gradient(135deg,#fff,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent!important}.stat-label{color:rgba(168,179,199,.78)!important}#chat-top-bar{padding:16px 20px!important}.ctb-avatar,.modal-header .avatar{border-radius:17px!important;background:linear-gradient(135deg,#8b5cf6,#06b6d4)!important;box-shadow:0 14px 34px rgba(139,92,246,.26)}.ctb-info h4{font-size:17px!important;letter-spacing:-.025em}.ctb-info span{color:rgba(168,179,199,.88)!important}.ctb-actions .action-btn{border-radius:14px!important;border:1px solid rgba(148,163,184,.14)!important}.btn-close{background:rgba(251,113,133,.13)!important;color:#fecdd3!important;border-color:rgba(251,113,133,.22)!important}.btn-claim{background:rgba(34,197,94,.13)!important;color:#86efac!important;border-color:rgba(34,197,94,.22)!important}#messages-container,.messages-scroll{background:radial-gradient(circle at 50% 0%,rgba(139,92,246,.08),transparent 44%);padding:22px!important}.msg-wrap{max-width:78%!important}.msg-bubble,.msg-text{box-shadow:0 10px 28px rgba(0,0,0,.18);border-radius:18px!important}.msg-wrap.player .msg-bubble,.msg-item.player .msg-text{background:rgba(255,255,255,.075)!important;border:1px solid rgba(148,163,184,.16)!important}.msg-wrap.agent .msg-bubble,.msg-wrap.me .msg-bubble,.msg-item.agent .msg-text,.msg-item.me .msg-text{background:linear-gradient(135deg,#7c3aed,#06b6d4)!important}.msg-wrap.bot .msg-bubble,.msg-item.bot .msg-text{background:rgba(139,92,246,.13)!important;border-color:rgba(139,92,246,.28)!important}.msg-wrap.system .msg-bubble,.msg-item.system .msg-text{background:rgba(251,191,36,.1)!important;border-color:rgba(251,191,36,.24)!important;color:#fde68a!important}.msg-label,.msg-sender,.msg-time{color:rgba(168,179,199,.78)!important}.quick-replies{background:rgba(255,255,255,.025)!important;padding:10px 16px!important}.qr-btn{border-radius:999px!important;padding:7px 12px!important;font-weight:800!important}#agent-input-area{padding:14px 16px!important}.input-row,#agent-input-row{align-items:flex-end!important}#agent-msg-input{border-radius:18px!important;min-height:44px!important}.send-btn,#agent-attach-btn{box-shadow:0 16px 34px rgba(139,92,246,.2)!important}#player-info-panel{width:290px!important;background:rgba(10,14,30,.72)!important;padding:18px!important}.pip-title{color:#c4b5fd!important;letter-spacing:.08em!important}.pip-card{border-radius:20px!important}.pip-icon{filter:drop-shadow(0 8px 16px rgba(139,92,246,.25))}.notes-area{border-radius:16px!important}.container{max-width:1280px!important}.stats-row{gap:18px!important}.stat-card{border-radius:24px!important;padding:22px!important;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;width:98px;height:98px;right:-36px;top:-36px;border-radius:50%;background:linear-gradient(135deg,rgba(139,92,246,.18),rgba(34,211,238,.14))}.stat-card .val{position:relative;z-index:1;background:linear-gradient(135deg,#fff,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent!important}.stat-card .lbl{position:relative;z-index:1;color:rgba(168,179,199,.82)!important}.card{border-radius:26px!important}.card-header{padding:18px 22px!important}.card-header h2{font-size:18px!important}.search-input,.filter-select{border-radius:14px!important;height:40px}.pagination{background:rgba(255,255,255,.025)!important;border-color:rgba(148,163,184,.12)!important}.page-btn{border-radius:12px!important;background:rgba(255,255,255,.05)!important;border-color:rgba(148,163,184,.14)!important}.page-btn:hover:not(:disabled){background:rgba(139,92,246,.14)!important;border-color:rgba(139,92,246,.34)!important;color:#c4b5fd!important}table{border-spacing:0 0!important}th{background:rgba(255,255,255,.055)!important;color:#cbd5e1!important;font-weight:850!important}td{border-color:rgba(148,163,184,.12)!important}tr:hover td{background:rgba(139,92,246,.06)!important}.status-badge,.pill{border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 22px rgba(0,0,0,.14)}.status-active,.pill-green{background:rgba(34,197,94,.13)!important;color:#86efac!important}.status-waiting{background:rgba(251,191,36,.13)!important;color:#fde68a!important}.status-bot,.pill-purple{background:rgba(139,92,246,.13)!important;color:#c4b5fd!important}.status-closed,.pill-gray{background:rgba(148,163,184,.12)!important;color:#cbd5e1!important}.pill-red{background:rgba(251,113,133,.13)!important;color:#fecdd3!important}.modal-overlay{background:rgba(2,6,23,.78)!important;backdrop-filter:blur(12px)}.modal{border-radius:30px!important;box-shadow:0 34px 120px rgba(0,0,0,.58)!important}.modal-header{background:linear-gradient(135deg,#7c3aed,#06b6d4)!important}.modal-body{background:rgba(2,6,23,.18)}.modal-sidebar{background:rgba(8,12,26,.7)!important}.modal-close{border:1px solid rgba(255,255,255,.16)!important}.info-section h4{color:#c4b5fd!important;letter-spacing:.08em!important}.info-row .data .lbl{color:rgba(168,179,199,.78)!important}.info-row .data .val{color:#f8fafc!important}.item,.agent-card,.sc-card{border-radius:20px!important;box-shadow:var(--soft)!important}.item:hover,.agent-card:hover,.sc-card:hover{border-color:rgba(139,92,246,.3)!important;background:rgba(255,255,255,.07)!important;transform:translateY(-1px)}.item-info h4,.agent-main h4,.sc-title{letter-spacing:-.02em}.item-info p,.agent-main .meta,.sc-desc{color:rgba(168,179,199,.82)!important}.agent-card{padding:16px!important}.agent-avatar{background:linear-gradient(135deg,#8b5cf6,#06b6d4)!important}.item-actions,.agent-actions{gap:8px!important}.edit-btn,.del-btn,.view-btn,.add-btn{border-radius:12px!important}.del-btn{background:rgba(251,113,133,.12)!important;color:#fecdd3!important;border-color:rgba(251,113,133,.26)!important}.active-dot{box-shadow:0 0 0 4px rgba(255,255,255,.05)}.dot-green{background:#22c55e!important;box-shadow:0 0 0 4px rgba(34,197,94,.12)}.dot-gray{background:#64748b!important}.form-group label{color:#cbd5e1!important;font-weight:750!important}.modal-actions{gap:12px!important}.btn-cancel{border-radius:14px!important;background:rgba(255,255,255,.05)!important;border-color:rgba(148,163,184,.14)!important;color:#cbd5e1!important}.form-error{border-radius:14px!important}.form-success{border-radius:14px!important}.color-opt{box-shadow:0 10px 20px rgba(0,0,0,.22)}.sc-badge{border-radius:12px!important;background:rgba(139,92,246,.14)!important;color:#c4b5fd!important;border-color:rgba(139,92,246,.28)!important}.info-banner{background:rgba(139,92,246,.1)!important;border-color:rgba(139,92,246,.24)!important;border-radius:18px!important}#toast-container,#toast{z-index:10060!important}#incoming-popup{z-index:10050!important}
@media(max-width:1180px){#player-info-panel{position:absolute!important;right:0!important;top:0!important;bottom:0!important;width:min(300px,86vw)!important;max-width:86vw!important;z-index:30!important;box-shadow:-18px 0 40px rgba(0,0,0,.35)!important;display:none!important}#player-info-panel.visible{display:flex!important}#chat-list-panel{width:330px!important}.stats-row{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:900px){#sidebar{width:72px!important}#chat-list-panel{width:300px!important}.container{padding:16px!important}.card-header{align-items:flex-start!important}.modal-body{grid-template-columns:1fr!important}.modal-sidebar{border-right:0!important;border-bottom:1px solid var(--b)!important}}@media(max-width:720px){body{overflow:auto!important}#main{display:block!important;height:auto!important}#chat-list-panel{width:100%!important;height:320px!important;border-right:0!important;border-bottom:1px solid var(--b)!important}#chat-area{min-height:620px!important}.stats-row{grid-template-columns:1fr!important}.card-header{flex-direction:column!important}.search-input,.filter-select{width:100%!important}.msg-wrap{max-width:92%!important}}