@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.login-wrapper[data-v-e1458d09]{height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.login-card[data-v-e1458d09]{width:100%;max-width:400px;padding:2.5rem;background:#fff}h2[data-v-e1458d09]{text-align:center;margin-bottom:2rem;font-size:1.75rem}.input-group[data-v-e1458d09]{margin-bottom:1.5rem}.input-group label[data-v-e1458d09]{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--text-muted)}.w-full[data-v-e1458d09]{width:100%;justify-content:center}.error-msg[data-v-e1458d09]{color:#ef4444;font-size:.875rem;margin-bottom:1rem;text-align:center}.dashboard-container[data-v-7d40a8c1]{display:flex;flex-direction:column;gap:2rem}.dashboard-content[data-v-7d40a8c1]{display:flex;flex-direction:column;gap:2.5rem}.stats-grid[data-v-7d40a8c1]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.stat-card[data-v-7d40a8c1]{padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;position:relative;overflow:hidden}.recent-section[data-v-7d40a8c1]{display:flex;flex-direction:column;gap:1rem}.section-header h3[data-v-7d40a8c1]{margin:0;color:var(--text-main);font-weight:700;font-size:1.25rem}.recent-grid[data-v-7d40a8c1]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.recent-card[data-v-7d40a8c1]{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;min-height:200px}.card-head[data-v-7d40a8c1]{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--glass-border);padding-bottom:.75rem}.card-head h4[data-v-7d40a8c1]{margin:0;font-size:1rem;color:var(--primary)}ul[data-v-7d40a8c1]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}li[data-v-7d40a8c1]{font-size:.9rem;color:var(--text-main);padding:.5rem .75rem;background:#fff6;border-radius:.5rem;border-left:3px solid var(--primary)}.list-item-title[data-v-7d40a8c1]{font-weight:600}.list-item-sub[data-v-7d40a8c1]{font-size:.75rem;color:var(--text-muted);margin-top:.1rem}.empty-text[data-v-7d40a8c1]{font-size:.875rem;color:var(--text-muted);font-style:italic;margin-top:1rem}.live-card[data-v-7d40a8c1]{border-left:4px solid #ef4444}.stat-title[data-v-7d40a8c1]{color:var(--text-muted);font-size:.875rem;font-weight:500}.stat-value[data-v-7d40a8c1]{font-size:2.5rem;font-weight:700;color:var(--text-main)}.stat-icon[data-v-7d40a8c1]{position:absolute;bottom:1.5rem;right:1.5rem;opacity:.8}.stat-icon.primary[data-v-7d40a8c1]{color:var(--primary)}.stat-icon.purple[data-v-7d40a8c1]{color:#c084fc}.stat-icon.red[data-v-7d40a8c1]{color:#ef4444}.live-indicator[data-v-7d40a8c1]{display:inline-flex;align-items:center;gap:.5rem;color:#ef4444;font-weight:600;font-size:.875rem;margin-top:auto}.pulsing-dot[data-v-7d40a8c1]{width:8px;height:8px;background-color:#ef4444;border-radius:50%;animation:pulse-7d40a8c1 1.5s infinite}@keyframes pulse-7d40a8c1{0%{transform:scale(.95);box-shadow:0 0 #ef4444b3}70%{transform:scale(1);box-shadow:0 0 0 6px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}.loader-container[data-v-7d40a8c1]{display:flex;justify-content:center;padding:2rem}.loader[data-v-7d40a8c1]{border:4px solid #f3f3f3;border-top:4px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:spin-7d40a8c1 1s linear infinite}@keyframes spin-7d40a8c1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay[data-v-a982b3e1]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content[data-v-a982b3e1]{background:#fff;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;padding:2rem;border-radius:1rem}.modal-header[data-v-a982b3e1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.close-btn[data-v-a982b3e1]{background:none;border:none;cursor:pointer;color:var(--text-muted)}.form-group[data-v-a982b3e1]{margin-bottom:1rem}.form-group label[data-v-a982b3e1]{display:block;margin-bottom:.5rem;font-size:.875rem;color:var(--text-muted)}.modal-actions[data-v-a982b3e1]{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.lightbox-overlay[data-v-37bec1e5]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lightbox-content[data-v-37bec1e5]{max-width:90%;max-height:90%;display:flex;justify-content:center}img[data-v-37bec1e5]{max-width:100%;max-height:100%;object-fit:contain;border-radius:.5rem;box-shadow:0 0 30px #00000080}.close-btn[data-v-37bec1e5]{position:absolute;top:2rem;right:2rem;background:#ffffff1a;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:50%;display:flex;transition:background .2s}.close-btn[data-v-37bec1e5]:hover{background:#ffffff4d}.fade-enter-active[data-v-37bec1e5],.fade-leave-active[data-v-37bec1e5]{transition:opacity .3s}.fade-enter-from[data-v-37bec1e5],.fade-leave-to[data-v-37bec1e5]{opacity:0}.modal-overlay[data-v-4d6c42b4]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content[data-v-4d6c42b4]{background:#fff;width:95%;max-width:900px;max-height:90vh;overflow-y:auto;padding:2rem;border-radius:1rem}.modal-header[data-v-4d6c42b4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.close-btn[data-v-4d6c42b4]{background:none;border:none;cursor:pointer;color:var(--text-muted)}.table-wrapper[data-v-4d6c42b4]{overflow-x:auto}table[data-v-4d6c42b4]{width:100%;border-collapse:collapse}th[data-v-4d6c42b4],td[data-v-4d6c42b4]{padding:1rem;text-align:left;border-bottom:1px solid var(--glass-border)}th[data-v-4d6c42b4]{color:var(--text-muted);font-size:.875rem;font-weight:600}.font-bold[data-v-4d6c42b4]{font-weight:600}.text-sm[data-v-4d6c42b4]{font-size:.8rem}.text-muted[data-v-4d6c42b4]{color:var(--text-muted)}.status-badge[data-v-4d6c42b4]{padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:600}.status-active[data-v-4d6c42b4]{background:#dcfce7;color:#166534}.status-disabled[data-v-4d6c42b4]{background:#fee2e2;color:#991b1b}.package-badge[data-v-4d6c42b4]{padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase}.package-badge.pay[data-v-4d6c42b4]{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.package-badge.free[data-v-4d6c42b4]{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.slip-cell[data-v-4d6c42b4]{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.thumbnail-wrapper[data-v-4d6c42b4]{width:60px;height:60px;border-radius:4px;overflow:hidden;border:1px solid var(--glass-border);cursor:pointer;background:#f8fafc;transition:transform .2s,box-shadow .2s}.thumbnail-wrapper[data-v-4d6c42b4]:hover{transform:scale(1.05);box-shadow:0 4px 6px #0000001a}.thumbnail[data-v-4d6c42b4]{width:100%;height:100%;object-fit:cover}.slip-btn[data-v-4d6c42b4]{cursor:pointer;color:var(--primary);display:flex;align-items:center;gap:.5rem;background:none;border:none;font-size:.875rem;padding:0}.slip-btn[data-v-4d6c42b4]:hover{text-underline-offset:4px;text-decoration:underline}.loader-container[data-v-4d6c42b4]{display:flex;justify-content:center;padding:2rem}.loader[data-v-4d6c42b4]{border:4px solid #f3f3f3;border-top:4px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:spin-4d6c42b4 1s linear infinite}@keyframes spin-4d6c42b4{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.users-container[data-v-c82dddc9]{display:flex;flex-direction:column;gap:1.5rem}.header-actions[data-v-c82dddc9]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.header-actions h2[data-v-c82dddc9]{margin:0}.search-box[data-v-c82dddc9]{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;width:100%;max-width:400px;background:#fff;border:1px solid var(--glass-border)}.search-icon[data-v-c82dddc9]{color:var(--text-muted)}.search-input[data-v-c82dddc9]{border:none;background:transparent;width:100%;outline:none;font-size:.95rem;color:var(--text-main)}.table-container[data-v-c82dddc9]{overflow-x:auto}table[data-v-c82dddc9]{width:100%;border-collapse:collapse}th[data-v-c82dddc9],td[data-v-c82dddc9]{padding:1rem;text-align:left;border-bottom:1px solid var(--glass-border)}th[data-v-c82dddc9]{background:#6366f11a;color:#818cf8;font-weight:600;font-size:.875rem}.font-bold[data-v-c82dddc9]{font-weight:600}.text-xs[data-v-c82dddc9]{font-size:.75rem}.text-muted[data-v-c82dddc9]{color:var(--text-muted)}.badg[data-v-c82dddc9]{padding:2px 8px;border-radius:4px;font-size:.75rem;background:#e2e8f0;color:#475569;text-transform:uppercase}.badg.admin[data-v-c82dddc9]{background:#e0e7ff;color:var(--primary)}.status-badge[data-v-c82dddc9]{padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:600}.status-active[data-v-c82dddc9]{background:#dcfce7;color:#166534}.status-disabled[data-v-c82dddc9]{background:#fee2e2;color:#991b1b}.action-buttons[data-v-c82dddc9]{display:flex;gap:.5rem}.icon-btn[data-v-c82dddc9]{width:32px;height:32px;border-radius:6px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;background:transparent}.icon-btn.folder[data-v-c82dddc9]{color:#f59e0b;background:#fffbeb}.icon-btn.folder[data-v-c82dddc9]:hover{background:#fef3c7}.icon-btn.edit[data-v-c82dddc9]{color:#3b82f6;background:#eff6ff}.icon-btn.edit[data-v-c82dddc9]:hover{background:#dbeafe}.icon-btn.lock[data-v-c82dddc9]{color:#64748b;background:#f1f5f9}.icon-btn.lock[data-v-c82dddc9]:hover{background:#e2e8f0}.icon-btn.delete[data-v-c82dddc9]{color:#ef4444;background:#fef2f2}.icon-btn.delete[data-v-c82dddc9]:hover{background:#fee2e2}.loader-container[data-v-c82dddc9]{display:flex;justify-content:center;padding:2rem}.loader[data-v-c82dddc9]{border:4px solid #f3f3f3;border-top:4px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.card-menu[data-v-a4c697bc]{position:absolute;top:10px;right:10px;z-index:20}.menu-btn[data-v-a4c697bc]{background:#ffffff80;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;color:var(--text-muted)}.menu-btn[data-v-a4c697bc]:hover{background:#fff;color:var(--text-main);box-shadow:0 2px 4px #0000001a}.menu-dropdown[data-v-a4c697bc]{position:absolute;top:100%;right:0;margin-top:5px;background:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid var(--glass-border);min-width:150px;overflow:hidden}.menu-item[data-v-a4c697bc]{width:100%;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;background:none;text-align:left;cursor:pointer;color:var(--text-main);font-size:.875rem}.menu-item[data-v-a4c697bc]:hover{background:#f1f5f9}.menu-item.delete[data-v-a4c697bc]{color:#ef4444}.menu-item.delete[data-v-a4c697bc]:hover{background:#fef2f2}.modal-overlay[data-v-95d6a3bd]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content[data-v-95d6a3bd]{background:#fff;width:95%;max-width:900px;max-height:90vh;padding:1.5rem;overflow-y:auto;border-radius:1rem}.modal-header[data-v-95d6a3bd]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.close-btn[data-v-95d6a3bd]{background:none;border:none;cursor:pointer;color:var(--text-muted)}.close-btn[data-v-95d6a3bd]:hover{color:var(--text-main)}.table-wrapper[data-v-95d6a3bd]{overflow-x:auto}table[data-v-95d6a3bd]{width:100%;border-collapse:collapse}th[data-v-95d6a3bd],td[data-v-95d6a3bd]{padding:.75rem;text-align:left;border-bottom:1px solid var(--glass-border)}th[data-v-95d6a3bd]{color:var(--text-muted);font-size:.875rem;font-weight:600}.status-label[data-v-95d6a3bd]{font-size:.75rem;margin-left:.5rem;font-weight:600}.text-sm[data-v-95d6a3bd]{font-size:.8rem}.text-center[data-v-95d6a3bd]{text-align:center;margin-top:2rem}.text-muted[data-v-95d6a3bd]{color:var(--text-muted)}.slip-btn[data-v-95d6a3bd]{cursor:pointer;color:var(--primary);display:flex;align-items:center;gap:.5rem;background:none;border:none;font-size:.875rem;padding:0}.slip-btn[data-v-95d6a3bd]:hover{text-underline-offset:4px;text-decoration:underline}.switch[data-v-95d6a3bd]{position:relative;display:inline-block;width:44px;height:24px;vertical-align:middle}.switch input[data-v-95d6a3bd]{opacity:0;width:0;height:0}.slider[data-v-95d6a3bd]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.4s;border-radius:34px}.slider[data-v-95d6a3bd]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider[data-v-95d6a3bd]{background-color:var(--primary)}input:checked+.slider[data-v-95d6a3bd]:before{transform:translate(20px)}.loader-container[data-v-95d6a3bd]{display:flex;justify-content:center;padding:2rem}.loader[data-v-95d6a3bd]{border:4px solid #f3f3f3;border-top:4px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:spin-95d6a3bd 1s linear infinite}@keyframes spin-95d6a3bd{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.breadcrumbs[data-v-ae587b09]{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;color:var(--text-muted);font-size:1.1rem}.breadcrumbs span[data-v-ae587b09]{cursor:pointer;transition:color .2s}.breadcrumbs span[data-v-ae587b09]:hover,.breadcrumbs span.active[data-v-ae587b09]{color:var(--primary)}.breadcrumbs span.current[data-v-ae587b09]{color:var(--text-main);font-weight:600;cursor:default}.folder-count[data-v-ae587b09]{font-size:.75rem;color:var(--text-muted)}.folder-meta-badge[data-v-ae587b09]{display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;font-weight:600;color:#166534;background:#dcfce7;padding:2px 6px;border-radius:4px;margin-top:.25rem;width:fit-content}.grid-container[data-v-ae587b09]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.grid-card[data-v-ae587b09]{padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;cursor:pointer;position:relative;text-align:center;transition:transform .2s}.grid-card[data-v-ae587b09]:hover{transform:translateY(-4px);border-color:var(--primary)}.card-title[data-v-ae587b09]{font-weight:600;color:var(--text-main);font-size:1.1rem}.lessons-list table[data-v-ae587b09]{width:100%;border-collapse:collapse}.lessons-list th[data-v-ae587b09],.lessons-list td[data-v-ae587b09]{padding:1rem;text-align:left;border-bottom:1px solid var(--glass-border)}.lessons-list th[data-v-ae587b09]{color:#818cf8;font-weight:600;background:#6366f11a}.loader-container[data-v-ae587b09]{display:flex;justify-content:center;padding:4rem}.loader[data-v-ae587b09]{border:4px solid #f3f3f3;border-top:4px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:spin-ae587b09 1s linear infinite}@keyframes spin-ae587b09{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-muted[data-v-ae587b09]{color:var(--text-muted)}.text-center[data-v-ae587b09]{text-align:center}.font-mono[data-v-ae587b09]{font-family:monospace}.text-sm[data-v-ae587b09]{font-size:.8rem}.btn-outline[data-v-ae587b09]{background:transparent;border:1px solid var(--glass-border);color:var(--text-main)}.btn-outline[data-v-ae587b09]:hover,.btn-outline.active[data-v-ae587b09]{background:#e0e7ff;border-color:var(--primary);color:var(--primary)}.btn-sm[data-v-ae587b09]{padding:.25rem .75rem;font-size:.8rem}.pdf-row[data-v-ae587b09]{background:#f8fafc}.pdf-list[data-v-ae587b09]{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.pdf-item[data-v-ae587b09]{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.pdf-link[data-v-ae587b09]{margin-left:auto;color:var(--primary);font-weight:500;text-decoration:none}.pdf-link[data-v-ae587b09]:hover{text-decoration:underline}.setting-item[data-v-4a3489d6]{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--glass-border)}.setting-item[data-v-4a3489d6]:last-child{border-bottom:none}h3[data-v-4a3489d6]{margin:0 0 .25rem;font-size:1rem}.text-muted[data-v-4a3489d6]{color:var(--text-muted);font-size:.875rem;margin:0}.max-w-lg[data-v-4a3489d6]{max-width:600px;padding:2rem}.switch[data-v-4a3489d6]{position:relative;display:inline-block;width:50px;height:28px}.switch input[data-v-4a3489d6]{opacity:0;width:0;height:0}.slider[data-v-4a3489d6]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#334155;transition:.4s;border-radius:34px}.slider[data-v-4a3489d6]:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider[data-v-4a3489d6]{background-color:var(--primary)}input:checked+.slider[data-v-4a3489d6]:before{transform:translate(22px)}.loader-container[data-v-4a3489d6]{display:flex;justify-content:center;padding:2rem}.loader[data-v-4a3489d6]{border:4px solid #f3f3f3;border-top:4px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:spin-4a3489d6 1s linear infinite}@keyframes spin-4a3489d6{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reports-container[data-v-563e749d]{display:flex;flex-direction:column;gap:1rem;height:100%}.reports-header[data-v-563e749d]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.tabs[data-v-563e749d]{display:flex;gap:1rem;border-bottom:2px solid var(--glass-border);padding-bottom:.5rem}.tab-btn[data-v-563e749d]{padding:.5rem 1rem;background:none;border:none;font-weight:600;color:var(--text-muted);cursor:pointer;border-radius:.5rem;transition:all .2s}.tab-btn.active[data-v-563e749d]{background:#e0e7ff;color:var(--primary)}.tab-btn[data-v-563e749d]:hover:not(.active){background:#f1f5f9}.filter-controls[data-v-563e749d]{display:flex;gap:1.5rem;padding:.75rem 1.5rem;align-items:center;background:#fff;border:1px solid var(--glass-border)}.date-group[data-v-563e749d]{display:flex;align-items:center;gap:.5rem}.date-group label[data-v-563e749d]{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-muted)}.date-input[data-v-563e749d]{border:1px solid var(--glass-border);padding:.4rem;border-radius:.4rem;font-size:.875rem;color:var(--text-main);outline:none;transition:border-color .2s}.date-input[data-v-563e749d]:focus{border-color:var(--primary)}.report-content[data-v-563e749d]{flex:1;overflow-y:auto;overflow-x:auto}.video-report-wrapper[data-v-563e749d]{display:flex;flex-direction:column;gap:1.5rem}.chart-container[data-v-563e749d]{padding:1.5rem;background:#fff;border:1px solid var(--glass-border);margin:1rem}.chart-container h4[data-v-563e749d]{margin:0 0 1rem;color:var(--text-muted);font-size:.9rem}table[data-v-563e749d]{width:100%;border-collapse:collapse}th[data-v-563e749d],td[data-v-563e749d]{padding:1rem;text-align:left;border-bottom:1px solid var(--glass-border)}th[data-v-563e749d]{background:#6366f11a;color:#818cf8;font-weight:600;font-size:.875rem;position:sticky;top:0;background-color:#f8fafc;z-index:1}.font-bold[data-v-563e749d]{font-weight:600}.text-xs[data-v-563e749d]{font-size:.75rem}.text-sm[data-v-563e749d]{font-size:.875rem}.text-muted[data-v-563e749d]{color:var(--text-muted)}.text-center[data-v-563e749d]{text-align:center}.loader-container[data-v-563e749d]{display:flex;justify-content:center;padding:4rem}.loader[data-v-563e749d]{border:4px solid #f3f3f3;border-top:4px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:spin-563e749d 1s linear infinite}@keyframes spin-563e749d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-popup[data-v-9c29bbaf]{position:fixed;width:240px;padding:1rem;z-index:1000;box-shadow:0 10px 25px -5px #0003;border:1px solid rgba(255,255,255,.2)}.header[data-v-9c29bbaf]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.user-info[data-v-9c29bbaf]{display:flex;align-items:center;gap:.75rem}.avatar[data-v-9c29bbaf]{width:48px;height:48px;border-radius:12px}.avatar-placeholder[data-v-9c29bbaf]{width:48px;height:48px;border-radius:12px;background:#e2e8f0}.details[data-v-9c29bbaf]{display:flex;flex-direction:column}.name[data-v-9c29bbaf]{font-weight:700;font-size:1rem}.status[data-v-9c29bbaf]{font-size:.75rem;color:#22c55e}.status.offline[data-v-9c29bbaf]{color:#94a3b8}.close-btn[data-v-9c29bbaf]{border:none;background:none;cursor:pointer;color:var(--text-muted);padding:2px}.actions[data-v-9c29bbaf]{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.action-btn[data-v-9c29bbaf]{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;border:none;border-radius:.75rem;cursor:pointer;font-weight:600;font-size:.85rem;transition:var(--transition)}.action-btn.chat[data-v-9c29bbaf]{background:#eff6ff;color:#2563eb}.action-btn.call[data-v-9c29bbaf]{background:#f0fdf4;color:#16a34a}.action-btn[data-v-9c29bbaf]:hover{transform:translateY(-2px);filter:brightness(.95)}.user-dock[data-v-014ff7ba]{width:60px;height:100vh;background:#1e293b;display:flex;flex-direction:column;align-items:center;padding:1rem 0;gap:1rem;z-index:100;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.user-dock[data-v-014ff7ba]::-webkit-scrollbar{display:none}.search-toggle[data-v-014ff7ba]{margin-bottom:.5rem;color:#94a3b8;transition:var(--transition)}.search-toggle.active[data-v-014ff7ba],.search-toggle[data-v-014ff7ba]:hover{color:#fff}.search-popup[data-v-014ff7ba]{position:fixed;top:1rem;left:70px;width:260px;padding:.75rem;z-index:1000;box-shadow:0 10px 25px -5px #0003}.search-header[data-v-014ff7ba]{display:flex;align-items:center;gap:.5rem;color:var(--text-muted)}.search-header input[data-v-014ff7ba]{flex:1;border:none;background:transparent;outline:none;color:var(--text-main);font-size:.95rem}.clear-btn[data-v-014ff7ba]{border:none;background:transparent;cursor:pointer;color:var(--text-muted);padding:2px}.dock-item[data-v-014ff7ba]{cursor:pointer;transition:var(--transition)}.dock-item[data-v-014ff7ba]:hover{transform:scale(1.1)}.avatar-wrap[data-v-014ff7ba]{position:relative;width:44px;height:44px}.avatar[data-v-014ff7ba],.avatar-placeholder[data-v-014ff7ba]{width:44px;height:44px;border-radius:12px;object-fit:cover;background:#334155;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem}.status-indicator[data-v-014ff7ba]{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:2px solid #1e293b}.status-indicator.online[data-v-014ff7ba]{background:#22c55e}.top-bar[data-v-bbca0c47]{height:70px;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;background:var(--bg-sidebar);border-bottom:1px solid var(--glass-border)}.page-title h1[data-v-bbca0c47]{font-size:1.25rem;font-weight:700;color:var(--text-main)}.user-profile-dropdown[data-v-bbca0c47]{position:relative}.profile-trigger[data-v-bbca0c47]{display:flex;align-items:center;gap:.75rem;padding:.5rem;border:none;background:none;cursor:pointer;border-radius:.75rem;transition:var(--transition)}.profile-trigger[data-v-bbca0c47]:hover{background:#f8fafc}.avatar[data-v-bbca0c47],.avatar-placeholder[data-v-bbca0c47]{width:38px;height:38px;border-radius:50%;object-fit:cover;background:#e2e8f0;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.user-name[data-v-bbca0c47]{font-weight:600;font-size:.95rem;color:var(--text-main)}.rotate[data-v-bbca0c47]{transform:rotate(180deg)}.dropdown-menu[data-v-bbca0c47]{position:absolute;top:calc(100% + .5rem);right:0;width:180px;padding:.5rem;z-index:100}.dropdown-item[data-v-bbca0c47]{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;background:none;cursor:pointer;border-radius:.5rem;font-weight:500;color:var(--text-muted);transition:var(--transition)}.dropdown-item[data-v-bbca0c47]:hover{background:#f1f5f9;color:var(--primary)}.dropdown-item.logout[data-v-bbca0c47]:hover{background:#fef2f2;color:#ef4444}.divider[data-v-bbca0c47]{height:1px;background:var(--glass-border);margin:.5rem 0}.dropdown-enter-active[data-v-bbca0c47],.dropdown-leave-active[data-v-bbca0c47]{transition:all .2s ease}.dropdown-enter-from[data-v-bbca0c47],.dropdown-leave-to[data-v-bbca0c47]{opacity:0;transform:translateY(-10px)}.chat-box[data-v-1fd6aee2]{width:300px;height:400px;display:flex;flex-direction:column;box-shadow:0 10px 25px -5px #0003;border-radius:1rem;overflow:hidden}.header[data-v-1fd6aee2]{background:var(--primary);color:#fff;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center}.user[data-v-1fd6aee2]{display:flex;align-items:center;gap:.5rem;font-weight:600}.close-btn[data-v-1fd6aee2]{background:none;border:none;color:#fff;cursor:pointer}.messages[data-v-1fd6aee2]{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.message[data-v-1fd6aee2]{max-width:80%}.message.sent[data-v-1fd6aee2]{align-self:flex-end}.message.received[data-v-1fd6aee2]{align-self:flex-start}.bubble[data-v-1fd6aee2]{padding:.5rem .75rem;border-radius:.75rem;font-size:.9rem}.sent .bubble[data-v-1fd6aee2]{background:var(--primary);color:#fff;border-bottom-right-radius:.25rem}.received .bubble[data-v-1fd6aee2]{background:#f1f5f9;color:var(--text-main);border-bottom-left-radius:.25rem}.input-area[data-v-1fd6aee2]{padding:.75rem;display:flex;gap:.5rem;background:#fff;border-top:1px solid var(--glass-border)}.input-area input[data-v-1fd6aee2]{flex:1;border:none;outline:none;font-size:.9rem}.input-area button[data-v-1fd6aee2]{background:none;border:none;color:var(--primary);cursor:pointer;display:flex;align-items:center}.call-overlay[data-v-cda92e50]{position:fixed;top:2rem;right:2rem;width:320px;padding:1.5rem;z-index:2000;box-shadow:0 20px 50px #0000004d;text-align:center;border-radius:1.25rem}.user-info[data-v-cda92e50]{margin-bottom:1.5rem}.avatar[data-v-cda92e50]{width:80px;height:80px;border-radius:50%;margin-bottom:.75rem;border:3px solid var(--primary);object-fit:cover}.avatar-placeholder[data-v-cda92e50]{width:80px;height:80px;border-radius:50%;background:#4f46e5;color:#fff;font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem}.avatar-placeholder.missed[data-v-cda92e50]{background:#ef4444}.timer[data-v-cda92e50]{color:#ef4444;font-weight:700;font-size:1.1rem;margin-top:.5rem}.controls[data-v-cda92e50]{display:flex;justify-content:center;gap:1.5rem}.btn-call[data-v-cda92e50]{width:54px;height:54px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.btn-call.sm[data-v-cda92e50]{width:44px;height:44px}.btn-call.accept[data-v-cda92e50]{background:#22c55e;color:#fff}.btn-call.decline[data-v-cda92e50]{background:#ef4444;color:#fff}.btn-call[data-v-cda92e50]:hover{transform:scale(1.1)}.participants[data-v-cda92e50]{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.participant[data-v-cda92e50]{display:flex;flex-direction:column;align-items:center;gap:.5rem}.av-lg[data-v-cda92e50]{width:60px;height:60px;border-radius:12px;object-fit:cover}.av-placeholder-lg[data-v-cda92e50]{width:60px;height:60px;border-radius:12px;background:#334155;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}.av-placeholder-lg.me[data-v-cda92e50]{background:#4f46e5;font-size:.8rem}.media-controls[data-v-cda92e50]{display:flex;justify-content:center;gap:1rem;align-items:center}.ctrl-btn[data-v-cda92e50]{width:40px;height:40px;border-radius:10px;border:1px solid var(--glass-border);background:#ffffff1a;color:var(--text-main);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.ctrl-btn[data-v-cda92e50]:hover{background:#fff3}.ctrl-btn.off[data-v-cda92e50]{background:#ef4444;color:#fff;border-color:#ef4444}.video-preview[data-v-cda92e50]{margin-top:1rem;padding:.5rem;background:#000;border-radius:12px;display:grid;grid-template-columns:1fr 1fr;gap:.5rem;overflow:hidden}.video-feed[data-v-cda92e50]{width:100%;height:100px;border-radius:8px;background:#1e293b;object-fit:cover}.video-feed.local[data-v-cda92e50]{transform:scaleX(-1)}.close-btn-round[data-v-cda92e50]{border:none;background:#f1f5f9;color:#64748b;width:40px;height:40px;border-radius:50%;cursor:pointer;margin-top:1rem}.up-enter-active[data-v-cda92e50],.up-leave-active[data-v-cda92e50]{transition:all .3s ease}.up-enter-from[data-v-cda92e50],.up-leave-to[data-v-cda92e50]{opacity:0;transform:translateY(-20px)}.app-layout[data-v-139ddbd7]{display:flex;height:100vh;width:100vw;overflow:hidden}.chat-system[data-v-139ddbd7]{position:fixed;bottom:0;right:2rem;display:flex;gap:1rem;align-items:flex-end;pointer-events:none;z-index:1001}.chat-system[data-v-139ddbd7]>*{pointer-events:auto}.sidebar[data-v-139ddbd7]{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;padding:1.5rem;z-index:10}.brand[data-v-139ddbd7]{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:800;color:var(--primary);margin-bottom:2.5rem}.nav-menu[data-v-139ddbd7]{display:flex;flex-direction:column;gap:.5rem;flex:1}.nav-item[data-v-139ddbd7]{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;border-radius:.5rem;color:var(--text-muted);text-decoration:none;transition:var(--transition);font-weight:500;border:none;background:none;width:100%;cursor:pointer;font-size:1rem}.nav-item[data-v-139ddbd7]:hover,.nav-item.router-link-active[data-v-139ddbd7]{background:#eff6ff;color:var(--primary)}.main-content[data-v-139ddbd7]{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-page)}.top-bar[data-v-139ddbd7]{padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.content-wrapper[data-v-139ddbd7]{flex:1;overflow-y:auto;padding:0 2rem 2rem}.fade-enter-active[data-v-139ddbd7],.fade-leave-active[data-v-139ddbd7]{transition:opacity .2s ease}.fade-enter-from[data-v-139ddbd7],.fade-leave-to[data-v-139ddbd7]{opacity:0}:root{--primary: #4f46e5;--primary-hover: #4338ca;--bg-page: #f1f5f9;--bg-card: rgba(255, 255, 255, .85);--bg-sidebar: #ffffff;--text-main: #0f172a;--text-muted: #64748b;--glass-border: rgba(226, 232, 240, .8);--sidebar-width: 260px;--transition: all .3s ease}body{margin:0;font-family:Inter,sans-serif;background-color:var(--bg-page);color:var(--text-main)}.glass{background:var(--bg-card);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);box-shadow:0 4px 6px -1px #0000001a;border-radius:.75rem}.btn{padding:.5rem 1rem;border-radius:.5rem;border:none;cursor:pointer;font-weight:500;transition:var(--transition);display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover{background-color:#dc2626}.input{width:100%;padding:.75rem;border-radius:.5rem;background:#f8fafc;border:1px solid #e2e8f0;outline:none}.input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #4f46e533}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}
