[data-v-1b9babaa] li,li[data-v-1b9babaa]{height:70px!important}.card[data-v-1b9babaa]{font-size:14px;font-family:Verdana,Geneva,Tahoma,sans-serif;font-weight:400;z-index:1!important}.rooms-header-filter[data-v-1b9babaa]{padding:6px 12px 8px}.rooms-filter-chips[data-v-1b9babaa]{display:flex;gap:8px}.rooms-filter-chips .chip[data-v-1b9babaa]{font-size:11.5px;color:#6b7280;padding:4px 8px;border-radius:999px;border:1px solid #e5e7eb;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .15s ease}.rooms-filter-chips .chip[data-v-1b9babaa]:hover{color:#374151;border-color:#d1d5db;background:#f9fafb}.rooms-filter-chips .chip.active[data-v-1b9babaa]{color:#111827;background:#eef2ff;border-color:#c7d2fe}.chat-file-upload-trigger[data-v-1b9babaa]{position:fixed;bottom:30px;right:30px;z-index:1000;display:flex;flex-direction:column;align-items:center;gap:8px;.upload-trigger-btn[data-v-1b9babaa]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 20px rgba(102,126,234,.4);transition:all .3s ease;&[data-v-1b9babaa]:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(102,126,234,.5)}&[data-v-1b9babaa]:active{transform:translateY(0)}&[data-v-1b9babaa]:disabled{background:#d1d5db;transform:none;box-shadow:none;cursor:not-allowed}i[data-v-1b9babaa]{font-size:18px}}.upload-trigger-tooltip[data-v-1b9babaa]{background:rgba(0,0,0,.8);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;transform:translateY(10px);animation:tooltipFadeIn-1b9babaa .3s ease forwards}&:hover .upload-trigger-tooltip[data-v-1b9babaa]{opacity:1;transform:translateY(0)}}@keyframes tooltipFadeIn-1b9babaa{to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.chat-file-upload-trigger[data-v-1b9babaa]{bottom:20px;right:20px;.upload-trigger-btn[data-v-1b9babaa]{width:50px;height:50px;i[data-v-1b9babaa]{font-size:16px}}.upload-trigger-tooltip[data-v-1b9babaa]{display:none}}}.avatar-uploader .el-upload[data-v-1b9babaa]{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden;transition:var(--el-transition-duration-fast)}.avatar-uploader .el-upload[data-v-1b9babaa]:hover{border-color:var(--el-color-primary)}.avatar-uploader-icon[data-v-1b9babaa]{font-size:28px;color:#8c939d;width:100px;height:100px;text-align:center;display:flex;align-items:center;justify-content:center}.group-description-section[data-v-1b9babaa]{margin-top:30px}.avatar[data-v-1b9babaa]{width:100px;height:100px;display:block;-o-object-fit:cover;object-fit:cover}.create-group-dialog[data-v-1b9babaa]{.el-dialog__header[data-v-1b9babaa]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 24px;border-radius:8px 8px 0 0;margin:0}.el-dialog__title[data-v-1b9babaa]{color:#fff;font-weight:600;font-size:18px}.el-dialog__body[data-v-1b9babaa]{padding:0;background:#f8f9fa}}.group-form-container[data-v-1b9babaa]{padding:24px;background:#fff;margin:20px;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.group-form[data-v-1b9babaa]{.form-row[data-v-1b9babaa]{margin-bottom:20px;&.form-row-split[data-v-1b9babaa]{display:flex;gap:16px;align-items:flex-start;.half-width[data-v-1b9babaa]{flex:1;margin-bottom:0}}}.form-item-enhanced[data-v-1b9babaa]{.el-form-item__label[data-v-1b9babaa]{font-weight:600;color:#2c3e50;font-size:14px;margin-bottom:8px}.enhanced-input[data-v-1b9babaa],.enhanced-textarea[data-v-1b9babaa]{.el-input__wrapper[data-v-1b9babaa]{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid #e0e6ed;transition:all .3s ease;&[data-v-1b9babaa]:hover{border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,.15)}&.is-focus[data-v-1b9babaa]{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}}.el-input__prefix[data-v-1b9babaa]{color:#667eea;font-size:16px}}.enhanced-select[data-v-1b9babaa]{width:100%;.el-select__wrapper[data-v-1b9babaa]{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid #e0e6ed;transition:all .3s ease;&[data-v-1b9babaa]:hover{border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,.15)}&.is-focus[data-v-1b9babaa]{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}}.el-select__prefix[data-v-1b9babaa]{color:#667eea;font-size:16px}}}.photo-upload-item[data-v-1b9babaa]{.photo-upload-container[data-v-1b9babaa]{display:flex;flex-direction:column;align-items:center;gap:12px}.enhanced-avatar-uploader[data-v-1b9babaa]{.upload-area[data-v-1b9babaa]{width:120px;height:120px;border:2px dashed #d9d9d9;border-radius:12px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;background:#fafafa;&[data-v-1b9babaa]:hover{border-color:#667eea;background:#f0f2ff}.upload-placeholder[data-v-1b9babaa]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;.upload-icon[data-v-1b9babaa]{font-size:32px;color:#667eea}.upload-text[data-v-1b9babaa]{font-size:12px;color:#666;font-weight:500}}.uploaded-avatar[data-v-1b9babaa]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px}}}.upload-tips[data-v-1b9babaa]{display:flex;align-items:center;gap:6px;font-size:12px;color:#999;background:#f8f9fa;padding:8px 12px;border-radius:6px;border:1px solid #e9ecef;i[data-v-1b9babaa]{color:#667eea}}}}.enhanced-dialog-footer[data-v-1b9babaa]{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;background:#f8f9fa;border-radius:0 0 8px 8px;.cancel-btn[data-v-1b9babaa]{background:#fff;border:1px solid #ddd;color:#666;border-radius:8px;padding:12px 24px;font-weight:500;transition:all .3s ease;&[data-v-1b9babaa]:hover{background:#f5f5f5;border-color:#bbb;color:#333}i[data-v-1b9babaa]{color:#999}}.create-btn[data-v-1b9babaa]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px rgba(102,126,234,.3);&[data-v-1b9babaa]:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}&[data-v-1b9babaa]:active{transform:translateY(0)}&.is-loading[data-v-1b9babaa]{background:#ccc;transform:none;box-shadow:none}}}.enhanced-option[data-v-1b9babaa]{padding:12px 16px;transition:all .2s ease;&[data-v-1b9babaa]:hover{background:#f0f2ff}.option-label[data-v-1b9babaa]{font-weight:500;color:#2c3e50}}.chat-options-dialog[data-v-1b9babaa]{.el-dialog__header[data-v-1b9babaa]{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:20px 24px;border-radius:12px 12px 0 0;margin:0}.el-dialog__title[data-v-1b9babaa]{color:#fff;font-weight:600;font-size:18px}.el-dialog__body[data-v-1b9babaa]{padding:0;background:#f8fafc}}.chat-options-container[data-v-1b9babaa]{padding:24px}.options-header[data-v-1b9babaa]{text-align:center;margin-bottom:28px;.chat-header-icon[data-v-1b9babaa]{font-size:48px;color:#6366f1;margin-bottom:12px;display:block}.options-subtitle[data-v-1b9babaa]{color:#64748b;font-size:16px;margin:0;font-weight:500}}.options-grid[data-v-1b9babaa]{display:flex;flex-direction:column;gap:16px}.option-card[data-v-1b9babaa]{padding:20px;background:#fff;border-radius:12px;border:2px solid #e2e8f0;cursor:pointer;overflow:hidden;&[data-v-1b9babaa]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(79,70,229,.05),rgba(124,58,237,.05));opacity:0;transition:opacity .3s ease}&[data-v-1b9babaa]:hover{border-color:#6366f1;transform:translateY(-2px);box-shadow:0 10px 25px rgba(99,102,241,.15);&[data-v-1b9babaa]:before{opacity:1}.option-arrow[data-v-1b9babaa]{transform:translateX(4px);color:#6366f1}.option-icon-wrapper[data-v-1b9babaa]{transform:scale(1.1)}}&[data-v-1b9babaa]:active{transform:translateY(0)}}.option-card[data-v-1b9babaa],.option-icon-wrapper[data-v-1b9babaa]{display:flex;align-items:center;transition:all .3s ease;position:relative}.option-icon-wrapper[data-v-1b9babaa]{width:56px;height:56px;border-radius:12px;justify-content:center;margin-right:16px;z-index:1;&.parent-option[data-v-1b9babaa]{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}&.group-option[data-v-1b9babaa]{background:linear-gradient(135deg,#10b981,#047857)}.option-icon[data-v-1b9babaa]{color:#fff;font-size:24px}}.option-content[data-v-1b9babaa]{flex:1;position:relative;z-index:1;.option-title[data-v-1b9babaa]{margin:0 0 4px 0;font-size:18px;font-weight:600;color:#1e293b}.option-description[data-v-1b9babaa]{margin:0;color:#64748b;font-size:14px;line-height:1.4}}.option-arrow[data-v-1b9babaa]{color:#cbd5e1;font-size:16px;transition:all .3s ease;position:relative;z-index:1}.options-dialog-footer[data-v-1b9babaa]{display:flex;justify-content:center;padding:20px 24px;background:#f8fafc;border-radius:0 0 12px 12px;.cancel-option-btn[data-v-1b9babaa]{background:#fff;border:2px solid #e2e8f0;color:#64748b;border-radius:8px;padding:12px 24px;font-weight:500;transition:all .3s ease;&[data-v-1b9babaa]:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}i[data-v-1b9babaa]{color:#94a3b8}}}@media (max-width:768px){.chat-options-dialog[data-v-1b9babaa],.create-group-dialog[data-v-1b9babaa],.edit-group-dialog[data-v-1b9babaa]{width:95%!important;margin:20px auto!important}.edit-group-container[data-v-1b9babaa]{margin:10px;padding:16px}.edit-group-form[data-v-1b9babaa]{.edit-form-row[data-v-1b9babaa]{margin-bottom:16px}.edit-photo-item[data-v-1b9babaa]{.edit-enhanced-avatar-uploader[data-v-1b9babaa]{.edit-upload-area[data-v-1b9babaa]{width:80px;height:80px;.edit-upload-placeholder[data-v-1b9babaa]{.edit-upload-icon[data-v-1b9babaa]{font-size:24px}.edit-upload-text[data-v-1b9babaa]{font-size:10px}}}}.delete-photo-icon[data-v-1b9babaa]{width:20px;height:20px;top:-6px;right:-6px;i[data-v-1b9babaa]{font-size:10px}}}}.edit-enhanced-dialog-footer[data-v-1b9babaa]{padding:16px;flex-direction:column;gap:8px;.edit-cancel-btn[data-v-1b9babaa],.edit-save-btn[data-v-1b9babaa]{width:100%;justify-content:center}}.group-form[data-v-1b9babaa]{.form-row-split[data-v-1b9babaa]{flex-direction:column;gap:0;.half-width[data-v-1b9babaa]{margin-bottom:20px}}}.options-grid[data-v-1b9babaa]{.option-card[data-v-1b9babaa]{padding:16px;.option-icon-wrapper[data-v-1b9babaa]{width:48px;height:48px;margin-right:12px;.option-icon[data-v-1b9babaa]{font-size:20px}}.option-content[data-v-1b9babaa]{.option-title[data-v-1b9babaa]{font-size:16px}.option-description[data-v-1b9babaa]{font-size:13px}}}}}.file-upload-overlay[data-v-1b9babaa]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.file-upload-container[data-v-1b9babaa]{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3);display:flex;flex-direction:column}.file-upload-header[data-v-1b9babaa]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;h3[data-v-1b9babaa]{margin:0;font-size:18px;font-weight:600}.close-upload-btn[data-v-1b9babaa]{background:hsla(0,0%,100%,.2);border:none;border-radius:8px;color:#fff;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s ease;&[data-v-1b9babaa]:hover{background:hsla(0,0%,100%,.3)}}}.file-drop-zone[data-v-1b9babaa]{margin:24px;border:2px dashed #d1d5db;border-radius:12px;padding:40px 20px;text-align:center;transition:all .3s ease;background:#f9fafb;cursor:pointer;&.drag-over[data-v-1b9babaa]{border-color:#667eea;background:#f0f2ff;transform:scale(1.02)}&[data-v-1b9babaa]:hover{border-color:#9ca3af;background:#f3f4f6}.drop-zone-content[data-v-1b9babaa]{pointer-events:none;.drop-icon[data-v-1b9babaa]{font-size:48px;color:#667eea;margin-bottom:16px;display:block}.drop-text[data-v-1b9babaa]{font-size:16px;color:#374151;margin:0 0 8px 0;font-weight:500}.drop-hint[data-v-1b9babaa]{font-size:14px;color:#6b7280;margin:0}}}.file-preview-section[data-v-1b9babaa]{padding:0 24px;max-height:300px;overflow-y:auto;h4[data-v-1b9babaa]{margin:0 0 16px 0;font-size:16px;font-weight:600;color:#374151}}.file-preview-list[data-v-1b9babaa]{display:flex;flex-direction:column;gap:12px}.file-preview-item[data-v-1b9babaa]{display:flex;align-items:center;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;transition:all .3s ease;&[data-v-1b9babaa]:hover{background:#f3f4f6;border-color:#d1d5db}.file-icon-wrapper[data-v-1b9babaa]{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:12px;overflow:hidden;background:#fff;border:1px solid #e5e7eb;.file-preview-image[data-v-1b9babaa]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:7px}.file-type-icon[data-v-1b9babaa]{font-size:20px}}.file-info[data-v-1b9babaa]{flex:1;min-width:0;.file-name[data-v-1b9babaa]{font-weight:500;color:#374151;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size[data-v-1b9babaa]{color:#6b7280;font-size:12px;margin-top:2px}}.file-progress[data-v-1b9babaa]{margin:0 12px;min-width:60px}.remove-file-btn[data-v-1b9babaa]{background:#fee2e2;border:1px solid #fecaca;color:#dc2626;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;&[data-v-1b9babaa]:hover:not(:disabled){background:#fecaca;border-color:#f87171}&[data-v-1b9babaa]:disabled{opacity:.5;cursor:not-allowed}}}.file-upload-actions[data-v-1b9babaa]{padding:20px 24px;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}@media (max-width:768px){.file-upload-container[data-v-1b9babaa]{width:95%;margin:20px}.file-drop-zone[data-v-1b9babaa]{margin:16px;padding:30px 15px;.drop-zone-content[data-v-1b9babaa]{.drop-icon[data-v-1b9babaa]{font-size:36px}.drop-text[data-v-1b9babaa]{font-size:14px}.drop-hint[data-v-1b9babaa]{font-size:12px}}}.file-preview-section[data-v-1b9babaa]{padding:0 16px}.file-upload-actions[data-v-1b9babaa]{padding:16px;flex-direction:column;.el-button[data-v-1b9babaa]{width:100%}}}.group-info-dialog[data-v-1b9babaa]{.el-dialog__header[data-v-1b9babaa]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:10px 24px;border-radius:8px 8px 0 0;margin:0}.el-dialog__title[data-v-1b9babaa]{color:#fff;font-weight:600;font-size:18px}.el-dialog__body[data-v-1b9babaa]{padding:0;background:#f8f9fa}}.group-info-content[data-v-1b9babaa]{padding:24px}.group-header[data-v-1b9babaa]{display:flex;align-items:center;margin-bottom:14px}.group-photo[data-v-1b9babaa]{width:100px;height:100px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-right:24px}.group-basic-info[data-v-1b9babaa]{flex:1}.group-name[data-v-1b9babaa]{font-size:24px;font-weight:600;margin-bottom:8px}.group-subject[data-v-1b9babaa]{font-size:16px;color:#6b7280;margin-bottom:4px}.coef-badge[data-v-1b9babaa]{font-size:14px;color:#4b5563;background-color:#f3f4f6;padding:4px 8px;border-radius:4px;margin-left:8px}.group-class[data-v-1b9babaa]{font-size:16px;color:#6b7280;margin-bottom:4px}.level-badge[data-v-1b9babaa]{font-size:14px;color:#4b5563;background-color:#f3f4f6;padding:4px 8px;border-radius:4px;margin-left:8px}.group-created[data-v-1b9babaa]{font-size:14px;color:#6b7280;margin-bottom:16px}.admin-badge[data-v-1b9babaa]{font-size:14px;color:#4b5563;background-color:#f3f4f6;padding:4px 8px;border-radius:4px;margin-left:8px}.section-title[data-v-1b9babaa]{font-size:18px;font-weight:600;margin-bottom:16px}.group-description[data-v-1b9babaa]{font-size:14px;color:#6b7280;margin-bottom:30px}.group-members-section[data-v-1b9babaa]{display:flex;flex-direction:column;gap:16px}.member-item[data-v-1b9babaa]{display:flex;align-items:center;margin-bottom:15px}.member-avatar[data-v-1b9babaa]{-o-object-fit:cover;object-fit:cover;margin-right:16px}.member-info[data-v-1b9babaa]{flex:1}.member-name[data-v-1b9babaa]{font-size:16px;font-weight:600}.member-role[data-v-1b9babaa]{font-size:14px;color:#6b7280}.member-actions[data-v-1b9babaa]{display:flex;justify-content:flex-end}.edit-group-dialog[data-v-1b9babaa]{.el-dialog__header[data-v-1b9babaa]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 16px;border-radius:8px 8px 0 0;margin:0}.el-dialog__title[data-v-1b9babaa]{color:#fff;font-weight:600;font-size:18px}.el-dialog__body[data-v-1b9babaa]{padding:12px 16px;background:#f8f9fa}}.edit-group-container[data-v-1b9babaa]{padding:24px;background:#fff;margin:20px;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.edit-simple[data-v-1b9babaa]{padding:8px 0}.edit-photo-row[data-v-1b9babaa]{display:flex;align-items:center;gap:12px}.edit-photo-preview[data-v-1b9babaa]{width:64px;height:64px;border-radius:8px;-o-object-fit:cover;object-fit:cover;border:1px solid #e5e7eb}.edit-photo-actions[data-v-1b9babaa]{display:flex;align-items:center;gap:8px}.edit-group-form[data-v-1b9babaa]{.edit-form-row[data-v-1b9babaa]{margin-bottom:20px}.edit-form-item-enhanced[data-v-1b9babaa]{.el-form-item__label[data-v-1b9babaa]{font-weight:600;color:#2c3e50;font-size:14px;margin-bottom:8px}.enhanced-input[data-v-1b9babaa],.enhanced-textarea[data-v-1b9babaa]{.el-input__wrapper[data-v-1b9babaa]{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid #e0e6ed;transition:all .3s ease;&[data-v-1b9babaa]:hover{border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,.15)}&.is-focus[data-v-1b9babaa]{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}}.el-input__prefix[data-v-1b9babaa]{color:#667eea;font-size:16px}}}.edit-photo-item[data-v-1b9babaa]{.edit-photo-container[data-v-1b9babaa]{display:flex;flex-direction:column;align-items:center;gap:12px}.edit-photo-wrapper[data-v-1b9babaa]{position:relative;display:inline-block}.edit-enhanced-avatar-uploader[data-v-1b9babaa]{.edit-upload-area[data-v-1b9babaa]{width:100px;height:100px;border:2px dashed #d9d9d9;border-radius:12px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;background:#fafafa;&[data-v-1b9babaa]:hover{border-color:#667eea;background:#f0f2ff;transform:scale(1.05)}.edit-upload-placeholder[data-v-1b9babaa]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;.edit-upload-icon[data-v-1b9babaa]{font-size:28px;color:#667eea}.edit-upload-text[data-v-1b9babaa]{font-size:12px;color:#666;font-weight:500;text-align:center}}.edit-uploaded-avatar[data-v-1b9babaa]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px}}}.edit-upload-tips[data-v-1b9babaa]{display:flex;align-items:center;gap:6px;font-size:12px;color:#999;background:#f8f9fa;padding:8px 12px;border-radius:6px;border:1px solid #e9ecef;i[data-v-1b9babaa]{color:#667eea}}.delete-photo-icon[data-v-1b9babaa]{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:#dc2626;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.2);z-index:10;&[data-v-1b9babaa]:hover{background:#b91c1c;transform:scale(1.1);box-shadow:0 4px 12px rgba(220,38,38,.4)}&[data-v-1b9babaa]:active{transform:scale(.95)}i[data-v-1b9babaa]{font-size:12px;font-weight:700}}}}.edit-enhanced-dialog-footer[data-v-1b9babaa]{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;background:#f8f9fa;border-radius:0 0 8px 8px;.edit-cancel-btn[data-v-1b9babaa]{background:#fff;border:1px solid #ddd;color:#666;border-radius:8px;padding:12px 24px;font-weight:500;transition:all .3s ease;&[data-v-1b9babaa]:hover{background:#f5f5f5;border-color:#bbb;color:#333}i[data-v-1b9babaa]{color:#999}}.edit-save-btn[data-v-1b9babaa]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px rgba(102,126,234,.3);&[data-v-1b9babaa]:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}&[data-v-1b9babaa]:active{transform:translateY(0)}&.is-loading[data-v-1b9babaa]{background:#ccc;transform:none;box-shadow:none}}}.edit-footer-simple[data-v-1b9babaa]{display:flex;justify-content:flex-end;gap:8px}.remove-student-dialog[data-v-1b9babaa]{.el-dialog__header[data-v-1b9babaa]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 24px;border-radius:8px 8px 0 0;margin:0}.el-dialog__title[data-v-1b9babaa]{color:#fff;font-weight:600;font-size:18px}.el-dialog__body[data-v-1b9babaa]{padding:0;background:#f8f9fa}}.remove-student-content[data-v-1b9babaa]{padding:24px}.warning-text[data-v-1b9babaa]{font-size:14px;color:#6b7280;margin-top:16px}[data-v-1b9babaa] .vac-message-content{white-space:pre-wrap}[data-v-1b9babaa] .vac-message-content .seen-info{margin-top:8px;padding:6px 8px;background:rgba(0,123,255,.1);border-radius:6px;border-left:3px solid #007bff;font-size:11px;color:#007bff;font-weight:500}[data-v-1b9babaa] .vac-room-header .vac-room-last-seen{display:none!important}.has-seen-tooltip[data-v-1b9babaa]{cursor:pointer}.has-seen-tooltip:hover .seen-tooltip[data-v-1b9babaa]{opacity:1;visibility:visible;transform:translateY(0)}.seen-tooltip[data-v-1b9babaa]{position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-10px);background:rgba(0,0,0,.9);color:#fff;padding:8px 12px;border-radius:8px;font-size:12px;white-space:nowrap;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.3);max-width:250px;white-space:normal}.seen-tooltip[data-v-1b9babaa]:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:rgba(0,0,0,.9)}.tooltip-header[data-v-1b9babaa]{font-weight:600;margin-bottom:6px;color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.tooltip-users[data-v-1b9babaa]{display:flex;flex-direction:column;gap:4px}.tooltip-user[data-v-1b9babaa]{display:flex;align-items:center;gap:6px}.user-avatar[data-v-1b9babaa]{width:20px;height:20px;border-radius:50%;background-size:cover;background-position:50%;flex-shrink:0}.user-name[data-v-1b9babaa]{font-size:11px;color:#fff;font-weight:500}@media (max-width:768px){.seen-tooltip[data-v-1b9babaa]{max-width:200px;font-size:11px;padding:6px 10px}.user-avatar[data-v-1b9babaa]{width:18px;height:18px}.user-name[data-v-1b9babaa]{font-size:10px}}.status-overlay[data-v-1b9babaa]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:2000}.status-modal[data-v-1b9babaa]{background:#fff;border-radius:8px;width:400px;max-width:90%;max-height:80vh;box-shadow:0 4px 12px rgba(0,0,0,.2)}.modal-header[data-v-1b9babaa]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee;font-weight:600}.modal-header button[data-v-1b9babaa]{background:none;border:none;font-size:20px;cursor:pointer;color:#666;width:24px;height:24px}.modal-body[data-v-1b9babaa]{padding:20px;max-height:60vh;overflow-y:auto}.message-text[data-v-1b9babaa]{background:#f5f5f5;padding:12px;border-radius:6px;margin-bottom:16px;font-size:14px}.viewers-count[data-v-1b9babaa]{font-size:13px;color:#666;margin-bottom:12px;font-weight:500}.viewers-list[data-v-1b9babaa]{display:flex;flex-direction:column;gap:8px}.viewer[data-v-1b9babaa]{display:flex;align-items:center;gap:10px;padding:8px 0}.viewer img[data-v-1b9babaa]{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.viewer span[data-v-1b9babaa]{font-size:14px;font-weight:500}.viewer small[data-v-1b9babaa]{margin-left:auto;font-size:11px;color:#888}.no-viewers[data-v-1b9babaa]{text-align:center;color:#999;font-size:14px;padding:20px 0}[data-v-1b9babaa] .vac-room-item{transition:all .3s ease}[data-v-1b9babaa] .vac-room-item.room-has-new-message{background:rgba(102,126,234,.05);border-left:4px solid #667eea}[data-v-1b9babaa] .vac-room-item.room-section-groups{position:relative}[data-v-1b9babaa] .vac-room-item.room-section-groups:before{content:"Groups";position:absolute;top:-22px;left:12px;font-size:12px;font-weight:600;color:#6b7280;background:#f8fafc;padding:2px 6px;border-radius:4px}[data-v-1b9babaa] .vac-room-item.room-section-private{position:relative}[data-v-1b9babaa] .vac-room-item.room-section-private:before{content:"Individuals";position:absolute;top:-22px;left:12px;font-size:12px;font-weight:600;color:#6b7280;background:#f8fafc;padding:2px 6px;border-radius:4px}[data-v-1b9babaa] .vac-room-item.room-has-new-message .vac-room-name{font-weight:700!important;color:#2c3e50!important}[data-v-1b9babaa] .vac-room-item.room-has-new-message .vac-room-last-message{color:#374151!important;font-weight:500!important}.room-options-container[data-v-1b9babaa]{display:flex;align-items:center;justify-content:flex-end;padding:0 16px;height:100%;min-width:120px}.edit-group-btn[data-v-1b9babaa]{color:#666;padding:8px;border-radius:4px;transition:all .2s ease;&[data-v-1b9babaa]:hover{color:#333;background-color:rgba(0,0,0,.05)}&[data-v-1b9babaa]:active{background-color:rgba(0,0,0,.1)}}@media (max-width:768px){.status-modal[data-v-1b9babaa]{width:95%}.modal-header[data-v-1b9babaa]{padding:12px 16px;font-size:14px}.modal-body[data-v-1b9babaa]{padding:16px}.room-options-container[data-v-1b9babaa]{padding:0 12px}.edit-group-btn[data-v-1b9babaa]{padding:6px}}.dialog-footer[data-v-1b9babaa]{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;background:#f8f9fa;border-radius:0 0 8px 8px}.parent-selection-container[data-v-1b9babaa]{padding:20px 0}.parent-option-item[data-v-1b9babaa]{display:flex;align-items:center;gap:12px;padding:8px 0}.parent-option-avatar[data-v-1b9babaa]{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e5e7eb;flex-shrink:0}.parent-option-info[data-v-1b9babaa]{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.parent-name[data-v-1b9babaa]{font-weight:500;color:#374151}.parent-students[data-v-1b9babaa]{font-size:12px;color:#6b7280}.parent-status[data-v-1b9babaa]{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.status-badge[data-v-1b9babaa]{font-size:10px;padding:2px 6px;border-radius:12px;font-weight:500;text-transform:capitalize;&.father[data-v-1b9babaa]{background:#dcfce7;color:#166534}&.mother[data-v-1b9babaa]{background:#fce7f3;color:#be185d}&.guardian[data-v-1b9babaa]{background:#fef3c7;color:#92400e}}.status-available[data-v-1b9babaa]{font-size:10px;color:#059669;font-weight:500}.parent-details[data-v-1b9babaa]{margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.parent-details-header[data-v-1b9babaa]{margin-bottom:16px;h4[data-v-1b9babaa]{margin:0;font-size:16px;font-weight:600;color:#374151}}.parent-members-simple[data-v-1b9babaa]{display:flex;flex-direction:column;gap:8px}.parent-member-simple[data-v-1b9babaa]{display:flex;align-items:center;padding:12px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .3s ease;&[data-v-1b9babaa]:hover{border-color:#667eea;background:#f8fafc}&.selected[data-v-1b9babaa]{background:#eef2ff;.member-icon[data-v-1b9babaa]{background:#667eea;color:#fff}.selection-indicator-simple[data-v-1b9babaa]{color:#667eea}}&.already-added[data-v-1b9babaa]{opacity:.6;cursor:not-allowed;background:#f9fafb;&[data-v-1b9babaa]:hover{border-color:#e5e7eb;background:#f9fafb}.member-avatar[data-v-1b9babaa]{border-color:#d1d5db}.member-name-simple[data-v-1b9babaa]{color:#6b7280}.member-role-simple[data-v-1b9babaa]{color:#9ca3af}}}.member-avatar[data-v-1b9babaa]{width:48px;height:48px;border-radius:50%;margin-right:12px;flex-shrink:0;overflow:hidden;border:2px solid #e5e7eb;transition:all .3s ease}.member-avatar-img[data-v-1b9babaa]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.member-icon[data-v-1b9babaa]{width:36px;height:36px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;margin-right:12px;color:#6b7280;font-size:14px;transition:all .3s ease}.member-info-simple[data-v-1b9babaa]{flex:1;min-width:0}.member-name-simple[data-v-1b9babaa]{font-size:14px;font-weight:600;color:#374151;margin-bottom:2px}.member-role-simple[data-v-1b9babaa]{font-size:12px;color:#6b7280}.selection-indicator-simple[data-v-1b9babaa]{color:#d1d5db;font-size:16px;transition:all .3s ease}.already-added-icon[data-v-1b9babaa]{color:#10b981!important}@media (max-width:768px){.parent-member-simple[data-v-1b9babaa]{padding:10px}.parent-option-avatar[data-v-1b9babaa]{width:32px;height:32px}.member-avatar[data-v-1b9babaa]{width:40px;height:40px;margin-right:10px}.member-icon[data-v-1b9babaa]{width:32px;height:32px;font-size:12px;margin-right:10px}.member-name-simple[data-v-1b9babaa]{font-size:13px}.member-role-simple[data-v-1b9babaa]{font-size:11px}}