.vq-container{border:1px solid var(--glass-border);background:var(--fourth-color);height:calc(100vh - 120px);min-height:500px;color:var(--text-color);border-radius:16px;margin:1.5rem 0;display:flex;overflow:hidden}.vq-sidebar{border-left:1px solid var(--glass-border);background:var(--fourth-color);flex-direction:column;flex-shrink:0;width:380px;min-width:300px;display:flex}.vq-sidebar-header{border-bottom:1px solid var(--glass-border);flex-direction:column;gap:.5rem;padding:.75rem 1rem;display:flex}.vq-sidebar-top{justify-content:space-between;align-items:center;display:flex}.vq-sidebar-title{color:var(--text-color);margin:0;font-size:1.1rem;font-weight:700}.vq-sidebar-count{color:var(--text-muted);font-size:.75rem}.vq-filter-row{flex-wrap:wrap;gap:.35rem;display:flex}.vq-filter-chip{cursor:pointer;border:1px solid var(--glass-border);color:var(--text-secondary,var(--text-color));white-space:nowrap;background:0 0;border-radius:14px;padding:.25rem .6rem;font-size:.72rem;transition:all .15s}.vq-filter-chip:hover{background:#6760e21a}.vq-filter-chip.active{color:#6760e2;background:#6760e226;border-color:#6760e24d;font-weight:600}.vq-filter-btn{cursor:pointer;border:1px solid var(--glass-border);color:var(--text-secondary,var(--text-color));background:0 0;border-radius:14px;padding:.25rem .6rem;font-size:.72rem;transition:all .15s}.vq-filter-btn:hover{background:var(--fourth-color-hover)}.vq-filter-btn.active{color:#6760e2;background:#6760e21f;border-color:#6760e24d}.vq-search-bar{border-bottom:1px solid var(--glass-border);padding:.5rem 1rem}.vq-search-input{border:1px solid var(--glass-border);background:var(--fourth-color-background);width:100%;color:var(--text-color);border-radius:16px;outline:none;padding:.4rem .8rem;font-size:.82rem;transition:border-color .15s}.vq-search-input:focus{border-color:#6760e266}.vq-search-input::placeholder{color:var(--text-muted)}.vq-advanced-filters{border-bottom:1px solid var(--glass-border);background:var(--fourth-color);flex-direction:column;gap:.5rem;max-height:300px;padding:.75rem 1rem;display:flex;overflow-y:auto}.vq-adv-label{color:var(--text-muted);margin-bottom:.15rem;font-size:.72rem}.vq-adv-select{border:1px solid var(--glass-border);background:var(--fourth-color-background);width:100%;color:var(--text-color);border-radius:10px;padding:.3rem .5rem;font-size:.78rem}.vq-adv-select option{background:var(--main-color);color:var(--text-color)}.vq-adv-apply{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6760e2,#5a54c7);border:none;border-radius:12px;padding:.35rem;font-size:.78rem;font-weight:600;transition:all .15s}.vq-adv-apply:hover{background:linear-gradient(135deg,#5a54c7,#4e48b0)}.vq-convo-list{flex:1;overflow-y:auto}.vq-convo-item{cursor:pointer;border-bottom:1px solid var(--glass-border);align-items:flex-start;gap:.75rem;padding:.75rem 1rem;transition:background .15s;display:flex}.vq-convo-item:hover{background:var(--fourth-color-hover)}.vq-convo-item.active{background:#6760e21a;border-right:3px solid #6760e2}.vq-convo-avatar{text-transform:uppercase;background:#6760e21f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:.85rem;font-weight:700;display:flex}.vq-convo-avatar.general{background:#ff980026}.vq-convo-body{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.vq-convo-row1{justify-content:space-between;align-items:center;display:flex}.vq-convo-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text-color);font-size:.85rem;font-weight:600;overflow:hidden}.vq-convo-time{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:.68rem}.vq-convo-row2{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.vq-convo-lesson{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.vq-type-tag{border-radius:8px;padding:.05rem .4rem;font-size:.6rem;font-weight:700}.vq-type-tag.lesson{color:#6760e2;background:#6760e226}.vq-type-tag.general{color:#ff9800;background:#ff980026}.vq-convo-row3{justify-content:space-between;align-items:center;display:flex}.vq-convo-preview{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.75rem;overflow:hidden}.vq-convo-meta{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.vq-msg-count{color:#6760e2;background:#6760e21f;border-radius:10px;padding:.1rem .45rem;font-size:.62rem;font-weight:700}.vq-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.vq-status-dot.not_answered{background:#dc3545}.vq-status-dot.pending_chat{background:#ffc107}.vq-status-dot.completed{background:#28a745}.vq-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;padding:.6rem .5rem;display:flex}.vq-page-btn{min-width:28px;height:28px;color:var(--text-color);border:1px solid var(--glass-border);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:0 .35rem;font-size:.75rem;transition:all .15s;display:flex}.vq-page-btn:hover:not(:disabled){background:#6760e21f;border-color:#6760e24d}.vq-page-btn.active{color:#fff;background:#6760e2;border-color:#6760e2}.vq-page-btn:disabled{opacity:.3;cursor:default}.vq-page-dots{color:var(--text-muted);padding:0 .15rem;font-size:.7rem}.vq-page-select{background:var(--fourth-color-background);color:var(--text-color);border:1px solid var(--glass-border);cursor:pointer;border-radius:8px;outline:none;margin-inline-start:.35rem;padding:.2rem .4rem;font-size:.72rem}.vq-main{background:var(--main-color);flex-direction:column;flex:1;min-width:0;display:flex}.vq-empty{text-align:center;color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;font-size:.95rem;display:flex}.vq-empty-icon{opacity:.3;font-size:3rem}.vq-chat-header{border-bottom:1px solid var(--glass-border);background:var(--fourth-color);align-items:center;gap:.75rem;min-height:56px;padding:.6rem 1rem;display:flex}.vq-chat-header-back{cursor:pointer;color:var(--text-color);background:0 0;border:none;padding:.25rem;font-size:1.2rem;display:none}.vq-chat-header-info{flex:1;min-width:0}.vq-chat-header-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text-color);font-size:.92rem;font-weight:600;overflow:hidden}.vq-chat-header-detail{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.72rem;display:flex}.vq-chat-header-actions{flex-wrap:wrap;gap:.35rem;display:flex}.vq-action-btn{border:1px solid var(--glass-border);color:var(--text-secondary,var(--text-color));cursor:pointer;white-space:nowrap;background:0 0;border-radius:12px;padding:.25rem .55rem;font-size:.72rem;transition:all .15s}.vq-action-btn:hover{background:var(--fourth-color-hover)}.vq-action-btn.warning{color:#ffc107;border-color:#ffc1074d}.vq-action-btn.success{color:#28a745;border-color:#28a7454d}.vq-action-btn.danger{color:#dc3545;border-color:#dc35454d}.vq-action-btn.info{color:#17a2b8;border-color:#17a2b84d}.vq-action-btn:disabled{opacity:.35;cursor:not-allowed}.vq-action-btn.warning:hover:not(:disabled){background:#ffc1071a}.vq-action-btn.success:hover:not(:disabled){background:#28a7451a}.vq-action-btn.danger:hover:not(:disabled){background:#dc35451a}.vq-action-btn.info:hover:not(:disabled){background:#17a2b81a}.vq-video-section{border-bottom:1px solid var(--glass-border);background:#0003}.vq-video-toggle{cursor:pointer;justify-content:space-between;align-items:center;padding:.5rem 1rem;font-size:.8rem;transition:background .15s;display:flex}.vq-video-toggle:hover{background:var(--fourth-color-hover)}.vq-video-player{padding:0 1rem .5rem}.vq-chat-body{flex-direction:column;flex:1;gap:.5rem;padding:1rem;display:flex;overflow-y:auto}.vq-bubble{word-break:break-word;max-width:75%;color:var(--text-color);border-radius:12px;padding:.6rem .85rem;font-size:.85rem;line-height:1.6;position:relative}.vq-bubble.student{background:var(--fourth-color);border:1px solid var(--glass-border);border-top-right-radius:4px;align-self:flex-start}.vq-bubble.staff{background:#6760e21f;border:1px solid #6760e240;border-top-left-radius:4px;align-self:flex-end}.vq-bubble-sender{color:var(--text-secondary,var(--text-color));margin-bottom:.2rem;font-size:.72rem;font-weight:600}.vq-bubble-body{white-space:pre-wrap}.vq-bubble-video-time{background:var(--fourth-color-background);cursor:pointer;color:var(--text-secondary,var(--text-color));border-radius:8px;align-items:center;gap:.3rem;margin-top:.3rem;padding:.15rem .5rem;font-size:.72rem;transition:background .15s;display:inline-flex}.vq-bubble-video-time:hover{opacity:.8}.vq-bubble-meta{color:var(--text-muted);justify-content:flex-end;align-items:center;gap:.4rem;margin-top:.3rem;font-size:.65rem;display:flex}.vq-status-event{justify-content:center;padding:.25rem 0;display:flex}.vq-status-event-pill{background:var(--fourth-color-background);color:var(--text-muted);text-align:center;border-radius:8px;padding:.2rem .65rem;font-size:.68rem}.vq-send-bar{border-top:1px solid var(--glass-border);background:var(--fourth-color);align-items:flex-end;gap:.5rem;padding:.75rem 1rem;display:flex}.vq-send-input{resize:none;flex:1;min-height:44px;max-height:120px;border:1px solid var(--glass-border)!important;background:var(--fourth-color-background)!important;color:var(--text-color)!important;border-radius:18px!important;padding:.6rem 1rem!important;font-size:.85rem!important}.vq-send-input:focus{outline:none;border-color:#6760e266!important;box-shadow:0 0 0 2px #6760e21a!important}.vq-send-input::placeholder{color:var(--text-muted)!important}.vq-send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6760e2,#5a54c7);border:none;border-radius:18px;min-width:72px;padding:.5rem 1rem;font-size:.82rem;transition:all .15s}.vq-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a54c7,#4e48b0)}.vq-send-btn:disabled{opacity:.5;cursor:not-allowed}.vq-completed-bar{border-top:1px solid var(--glass-border);color:var(--text-muted);justify-content:center;padding:.6rem;font-size:.8rem;display:flex}.vq-loading{justify-content:center;align-items:center;padding:2rem;display:flex}.vq-empty-list{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:3rem 1.5rem;display:flex}.vq-video-player .video-js{border-radius:8px;overflow:hidden}.vjs-youtube .vjs-iframe-blocker{opacity:0;display:block!important}.vjs-poster,.vjs-poster.vjs-hidden{opacity:0;display:inline-block!important}.ytp-expand-pause-overlay .ytp-pause-overlay,.ytp-expand-pause-overlay .ytp-pause-overlay *,.ytp-pause-overlay ytp-pause-overlay-round-corners{opacity:0;display:none!important}@media (max-width:991.98px){.vq-sidebar{width:320px;min-width:260px}}@media (max-width:767.98px){.vq-container{border:none;border-radius:0;height:calc(100vh - 80px)}.vq-sidebar{width:100%;min-width:unset;border-left:none}.vq-main{width:100%}.vq-sidebar.hide-mobile,.vq-main.hide-mobile{display:none}.vq-chat-header-back{display:block}.vq-bubble{max-width:88%}}