.app-header{background:#fff!important;padding:0 24px!important;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:1000;height:64px}.header-left,.logo{display:flex;align-items:center}.logo-text{font-size:22px;font-weight:700;background:linear-gradient(90deg,#1890ff,#52c41a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-right{display:flex;align-items:center;gap:16px}.header-icons{display:flex;align-items:center}.header-icon{font-size:18px;color:#595959;width:40px;height:40px}.header-icon:hover{color:#1890ff;background:#f5f5f5}.burger-menu-btn{font-size:20px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#595959;margin-left:8px}.burger-menu-btn:hover{color:#1890ff;background:#f5f5f5}.side-menu-drawer .ant-drawer-header{border-bottom:1px solid #f0f0f0;padding:16px 24px}.side-menu-drawer .ant-drawer-body{padding:0}.side-menu-content{height:100%;display:flex;flex-direction:column}.side-menu-header{padding:24px;background:linear-gradient(135deg,#1890ff,#52c41a);color:#fff;display:flex;align-items:center;gap:16px}.side-menu-avatar{background:#fff3;color:#fff;border:3px solid white}.side-menu-user-info{color:#fff;flex:1}.side-menu-user-info .ant-typography{color:#fff!important;margin:0;display:block}.side-menu-role{background:#fff3;padding:4px 12px;border-radius:12px;font-size:12px;margin-top:4px;display:inline-block;font-weight:500}.side-menu-nav{flex:1;border-right:none;padding:16px 8px;background:none}.side-menu-item{height:48px!important;margin:4px 0!important;border-radius:8px!important;font-size:15px!important;font-weight:500!important;display:flex!important;align-items:center!important}.side-menu-item:hover{background:#f5f5f5!important;color:#1890ff!important}.active-menu-item{background:#e6f7ff!important;color:#1890ff!important}.side-menu-item .anticon{font-size:18px;margin-right:12px}.side-menu-footer{padding:16px 8px;border-top:1px solid #f0f0f0}.side-menu-footer-btn{height:44px;text-align:left;margin-bottom:8px;font-size:15px;font-weight:500;display:flex;align-items:center;padding-left:16px}.side-menu-footer-btn .anticon{font-size:18px;margin-right:12px}.side-menu-footer-btn.logout-btn{color:#ff4d4f}.side-menu-footer-btn.logout-btn:hover{background:#fff2f0;color:#ff4d4f}.side-menu-content .ant-switch{margin-left:8px}@media(max-width:768px){.app-header{padding:0 16px!important}.header-icons{gap:8px}.logo-text{font-size:18px}.burger-menu-btn{margin-left:0}}@media(max-width:576px){.header-icons{display:none}.logo-text{font-size:16px}}.edit-profile-modal .avatar-upload-section{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:24px}.edit-avatar{border:3px solid #1890ff;box-shadow:0 2px 8px #0000001a}.modal-actions button{min-width:120px}.profile-page{max-width:1200px;margin:0 auto;padding:8px 24px}.profile-header-card{margin-bottom:24px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.avatar-section{text-align:center;position:relative}.profile-avatar{border:4px solid #fff;box-shadow:0 4px 12px #00000026}.avatar-edit-btn{background:#1890ff;color:#fff;border:2px solid white}.role-badge{margin-top:12px}.change-role-btn{margin-top:4px;font-size:12px;padding:0}.profile-info{padding-left:16px}.profile-title-section{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:16px}.profile-name{margin:0!important;color:#1f1f1f}.edit-profile-btn{border-radius:20px}.contact-info{margin-bottom:24px}.email-item{display:flex;align-items:center;margin-bottom:8px;gap:8px}.contact-icon{color:#1890ff;font-size:16px}.email-text{font-size:16px;color:#1f1f1f}.progress-section{background:#fafafa;padding:16px;border-radius:8px;border:1px solid #f0f0f0}.progress-header{display:flex;justify-content:space-between;margin-bottom:8px}.progress-bar{margin-bottom:0}.stats-row{margin-bottom:24px}.stat-card{border-radius:8px;transition:all .3s;height:100%}.stat-card:hover{box-shadow:0 4px 12px #0000001a}.stat-content{display:flex;align-items:center;gap:16px}.stat-icon{font-size:24px;color:#1890ff;background:#e6f7ff;width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center}.stat-info{flex:1}.stat-label{font-size:14px;display:block}.stat-value{margin:4px 0 0!important;color:#1f1f1f}.portfolio-card{border-radius:12px;box-shadow:0 2px 8px #0000001a}.portfolio-title{display:flex;align-items:center;font-size:18px;font-weight:500}.portfolio-tabs .ant-tabs-nav{margin-bottom:24px}.documents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.document-card{border-radius:8px;transition:all .3s}.document-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.document-icon{text-align:center;margin-bottom:12px}.document-info{margin-bottom:12px}.document-info>*{display:block}.document-date{font-size:12px;margin:4px 0}.document-actions{text-align:right}.upload-section{margin-top:24px}.role-section{margin-top:16px;text-align:center}.role-tag{font-size:14px;padding:6px 12px;margin-bottom:8px;display:inline-block}.role-toggle{display:flex;flex-direction:column;align-items:center;gap:4px}.ant-switch-checked{background:#52c41a!important}.rating-section{background:#fafafa;padding:16px;border-radius:8px;border:1px solid #f0f0f0;margin-top:16px}.stat-description{font-size:12px;margin-top:4px;display:block}.stat-card:hover .stat-icon{transform:scale(1.1);transition:transform .3s}.document-card:hover{transform:translateY(-2px);transition:all .3s;box-shadow:0 4px 12px #0000001a}.student-theme .stat-icon{background:#e6f7ff;color:#1890ff}.teacher-theme .stat-icon{background:#f6ffed;color:#52c41a}@media(max-width:768px){.profile-page{padding:16px}.avatar-section{margin-bottom:24px}.profile-info{padding-left:0;margin-top:24px}.profile-title-section{flex-direction:column;align-items:flex-start;gap:12px}.edit-profile-btn{width:100%}.documents-grid{grid-template-columns:1fr}.stat-card{margin-bottom:16px}}.course-progress-bar-container{width:100%}.progress-percentage{font-size:12px;color:#666;margin-bottom:4px;text-align:right}.progress-bar-track{background-color:#e0e0e0;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.enrolled-course-card{display:flex;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:transform .2s,box-shadow .2s;cursor:pointer;margin-bottom:20px}.enrolled-course-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.status-badge.completed{background:#10b981;color:#fff}.status-badge.in-progress{background:#3b82f6;color:#fff}.status-badge.new{background:#f59e0b;color:#fff}.course-meta{display:flex;gap:16px;margin-bottom:16px}.course-progress-section{margin-bottom:16px}.last-accessed{font-size:12px;color:#9ca3af;margin-top:6px}.details-btn{align-self:flex-start;padding:8px 20px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.details-btn:hover{background:#5a67d8}@media(max-width:768px){.enrolled-course-card{flex-direction:column}.course-card-image{width:100%;height:160px}.course-title{font-size:16px}.course-meta{flex-wrap:wrap;gap:8px}.details-btn{width:100%;text-align:center}}.teacher-course-card{display:flex;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:transform .2s,box-shadow .2s;cursor:pointer;margin-bottom:20px}.teacher-course-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.course-card-image{position:relative;width:200px;flex-shrink:0}.course-card-image img{width:100%;height:100%;object-fit:cover}.status-badge{position:absolute;top:12px;right:12px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;background:#fff;box-shadow:0 1px 4px #0000001a}.status-badge.published{background:#10b981;color:#fff}.status-badge.draft{background:#f59e0b;color:#fff}.status-badge.archived{background:#6b7280;color:#fff}.course-card-content{flex:1;padding:16px 20px;display:flex;flex-direction:column}.course-title{margin:0 0 6px;font-size:18px;font-weight:600;color:#1f2937}.course-author{margin:0 0 12px;font-size:14px;color:#6b7280}.course-meta{display:flex;gap:16px;margin-bottom:12px;flex-wrap:wrap}.meta-item{font-size:13px;color:#6b7280}.course-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.tag{background:#f0f0f0;padding:2px 8px;border-radius:12px;font-size:11px;color:#666}.course-stats{display:flex;gap:24px;margin-bottom:16px;padding:8px 0;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.stat-item{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:11px;color:#9ca3af}.stat-value{font-size:14px;font-weight:600;color:#1f2937}.course-actions{display:flex;gap:12px}.action-btn{padding:6px 14px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.action-btn.edit{background:#3b82f6;color:#fff}.action-btn.edit:hover{background:#2563eb}.action-btn.preview{background:#6b7280;color:#fff}.action-btn.preview:hover{background:#4b5563}@media(max-width:768px){.teacher-course-card{flex-direction:column}.course-card-image{width:100%;height:160px}.course-actions{flex-wrap:wrap}.action-btn{flex:1;justify-content:center}.course-stats{flex-wrap:wrap;gap:12px}}.my-courses-page{max-width:1200px;margin:0 auto;padding:8px 24px;min-height:calc(100vh - 200px)}.page-header{margin-bottom:32px}.page-header h1{margin:0 0 8px;font-size:32px;color:#1f2937}.page-header p{margin:0;color:#6b7280;font-size:16px}.stats-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;border-radius:16px;text-align:center;color:#fff;box-shadow:0 4px 12px #0000001a}.stat-value{font-size:32px;font-weight:700;margin-bottom:8px}.stat-label{font-size:14px;opacity:.9}.filters-section{display:flex;gap:12px;margin-bottom:32px;flex-wrap:wrap}.filter-btn{padding:10px 24px;background:#fff;border:2px solid #e5e7eb;border-radius:30px;font-size:14px;font-weight:500;color:#4b5563;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:#667eea;color:#667eea}.filter-btn.active{background:#667eea;border-color:#667eea;color:#fff}.courses-list{display:flex;flex-direction:column;gap:20px}.empty-state{text-align:center;padding:60px 20px;background:#f9fafb;border-radius:16px}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state h3{margin:0 0 8px;font-size:24px;color:#1f2937}.empty-state p{margin:0 0 24px;color:#6b7280}.browse-btn{padding:12px 32px;background:#667eea;color:#fff;border:none;border-radius:30px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s}.browse-btn:hover{background:#5a67d8}.my-courses-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}@media(max-width:768px){.stats-cards{grid-template-columns:repeat(2,1fr)}.page-header h1{font-size:24px}}.stat-card.teacher-stat{background:linear-gradient(135deg,#10b981,#059669)}.create-course-section{margin-bottom:24px;text-align:right}.create-course-btn{padding:10px 24px;background:#10b981;color:#fff;border:none;border-radius:30px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.create-course-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.course-detail-page{max-width:1200px;margin:0 auto;padding:24px}.course-header-card{border-radius:16px;box-shadow:0 2px 8px #00000014}.course-breadcrumb{margin-bottom:12px}.course-title{margin:0 0 12px!important;font-size:32px;color:#1f2937}.course-author{display:flex;align-items:center;margin-bottom:20px}.course-description{font-size:16px;color:#4b5563;line-height:1.6;margin-bottom:20px}.course-meta{display:flex;flex-wrap:wrap;margin-bottom:16px;color:#6b7280}.course-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.course-sidebar{background:#f9fafb;padding:24px;border-radius:12px;text-align:center}.course-progress-circle{display:flex;flex-direction:column;align-items:center}.teacher-stats{width:100%;text-align:left}.teacher-stats .ant-statistic{margin-bottom:16px}.course-content-card{border-radius:16px}.course-detail-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.course-detail-not-found{text-align:center;padding:60px 20px}.management-section{padding:16px}.course-stats-detailed{margin-top:24px}.course-info-section ul{margin:0;padding-left:20px}.course-info-section li{margin:8px 0;color:#4b5563}.video-modal .ant-modal-body{padding:0}.video-modal .ant-modal-header{padding:16px 24px;border-bottom:1px solid #f0f0f0;margin-bottom:0}.video-player-container{padding:24px}.video-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#666;background:#1a1a1a;width:100%;height:100%;min-height:300px}.video-placeholder p{color:#999}.video-info{padding:8px 0}.video-navigation{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}@media(max-width:768px){.course-detail-page{padding:16px}.course-title{font-size:24px}.course-sidebar{margin-top:16px}.video-modal{width:100%!important;margin:0}.video-modal .ant-modal-content{border-radius:0;min-height:100vh}.video-player-container{padding:16px}.video-navigation{flex-direction:column}.video-navigation button{width:100%}}@media(min-width:769px)and (max-width:1024px){.video-wrapper iframe{height:400px}}.video-navigation button{transition:all .3s ease}.video-navigation button:hover{transform:translateY(-2px)}.video-upload-section{margin-bottom:16px}.video-upload-section .ant-upload-drag{background:#fafafa;border:1px dashed #d9d9d9;border-radius:8px;cursor:pointer;transition:all .3s}.video-upload-section .ant-upload-drag:hover{border-color:#1890ff;background:#f5f5f5}.video-wrapper{background:#000;border-radius:12px;overflow:hidden;aspect-ratio:16 / 9;width:100%;position:relative}.video-wrapper video{width:100%;height:100%;object-fit:contain;background:#000}.library-page{max-width:1200px;margin:0 auto;padding:24px}.library-header{margin-bottom:32px}.library-header h1{font-size:32px;margin-bottom:8px;color:#1f2937}.library-header p{color:#6b7280;font-size:16px}.filters-section{display:flex;gap:16px;margin-bottom:32px;flex-wrap:wrap}.search-input{flex:1;min-width:200px}.courses-grid{margin-top:16px}.course-card{cursor:pointer;transition:transform .2s,box-shadow .2s;border-radius:12px;overflow:hidden;height:100%}.course-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.course-card-content{padding:4px 0}.course-title{font-size:16px;font-weight:600;margin:0 0 8px;color:#1f2937;line-height:1.4}.course-author{color:#6b7280;margin-bottom:8px;font-size:13px}.course-meta{display:flex;gap:12px;margin-bottom:8px;font-size:12px;color:#6b7280}.course-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.course-rating{font-size:12px;color:#f59e0b;margin-bottom:12px;display:flex;align-items:center;gap:8px}.enroll-btn{width:100%;padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s;font-size:14px;font-weight:500}.enroll-btn:hover{background:#5a67d8}.library-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}@media(max-width:768px){.library-page{padding:16px}.filters-section{flex-direction:column}.search-input,.filters-section .ant-select{width:100%!important}}.community-page{max-width:1200px;margin:0 auto;padding:24px}.community-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.community-header h1{font-size:32px;margin-bottom:8px;color:#1f2937}.community-header p{color:#6b7280;font-size:16px}.create-community-btn{height:40px;padding:0 24px;background:#667eea}.search-section{margin-bottom:32px}.search-input{max-width:400px}.communities-grid{margin-top:16px}.community-card{cursor:pointer;transition:transform .2s,box-shadow .2s;border-radius:12px;height:100%}.community-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.community-card-header{display:flex;gap:16px;margin-bottom:16px}.community-avatar{background:#667eea;flex-shrink:0}.community-header-info{flex:1}.community-name{font-size:16px;font-weight:600;margin:0 0 8px;color:#1f2937}.community-description{color:#4b5563;font-size:14px;line-height:1.5;margin-bottom:12px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.community-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.community-stats{display:flex;gap:16px;margin-bottom:16px;font-size:12px;color:#6b7280}.community-stats span{display:flex;align-items:center;gap:4px}.join-btn{width:100%;padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s;font-size:14px;font-weight:500}.join-btn:hover{background:#5a67d8}.join-btn.joined{background:#ef4444}.join-btn.joined:hover{background:#dc2626}.community-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}@media(max-width:768px){.community-page{padding:16px}.community-header{flex-direction:column;align-items:flex-start}.create-community-btn{width:100%}.search-input{max-width:100%}.community-detail-page{max-width:900px;margin:0 auto;padding:24px}.back-button{margin-bottom:16px;padding:8px 0;font-size:16px}.community-header-card{border-radius:16px;margin-bottom:24px;overflow:hidden}.community-cover{background:linear-gradient(135deg,#667eea,#764ba2);height:120px;position:relative}.community-avatar-large{position:absolute;bottom:-40px;left:24px}.community-avatar-large .ant-avatar{border:4px solid white;background:#667eea}.community-info{padding:48px 24px 24px}.community-meta{display:flex;gap:24px;margin:12px 0;color:#666;font-size:14px}.community-meta span{display:flex;align-items:center;gap:6px}.community-description{margin:16px 0;font-size:16px;color:#4b5563}.community-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.join-btn-detail{min-width:200px;height:40px}.create-post-card{border-radius:16px;margin-bottom:24px}.post-actions{margin-top:16px;display:flex;justify-content:flex-end}.posts-card{border-radius:16px}.post-item{padding:16px!important;border-bottom:1px solid #f0f0f0}.post-item:last-child{border-bottom:none}.post-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:8px}.post-author{font-weight:600;color:#1f2937}.post-time{font-size:12px;color:#999}.post-content{font-size:15px;line-height:1.6;color:#4b5563;margin:8px 0 0}.community-detail-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.community-detail-not-found{text-align:center;padding:60px 20px}.community-detail-page{padding:16px}.community-info{padding:48px 16px 16px}.community-meta{flex-direction:column;gap:8px}.join-btn-detail{width:100%}}.edit-course-page{max-width:1000px;margin:0 auto;padding:24px}.edit-course-card{border-radius:16px;box-shadow:0 2px 8px #00000014}.lessons-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.lessons-header h3{margin:0;color:#1f2937}.lessons-list .ant-list-item{background:#f9fafb;margin-bottom:8px;border-radius:8px;padding:12px 16px}.empty-lessons{text-align:center;padding:60px 20px;background:#f9fafb;border-radius:12px}.empty-lessons p{color:#6b7280;margin-bottom:16px}.stats-section{padding:16px}.stat-card{text-align:center;border-radius:12px}.stat-number{font-size:32px;font-weight:700;color:#667eea}.stat-label{font-size:14px;color:#6b7280;margin-top:8px}.edit-course-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.edit-course-page{padding:16px}.lessons-header{flex-direction:column;align-items:flex-start}}.community-detail-page{max-width:1000px;margin:0 auto;padding:24px}.back-button{margin-bottom:16px;padding:8px 0;font-size:16px}.community-header-card{border-radius:16px;margin-bottom:24px;overflow:hidden}.community-cover{background:linear-gradient(135deg,#667eea,#764ba2);height:120px;position:relative}.community-avatar-large{position:absolute;bottom:-40px;left:24px}.community-avatar-large .ant-avatar{border:4px solid white;background:#667eea}.community-info{padding:48px 24px 24px}.community-meta{display:flex;gap:24px;margin:12px 0;color:#666;font-size:14px}.community-meta span{display:flex;align-items:center;gap:6px}.community-description{margin:16px 0;font-size:16px;color:#4b5563}.community-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.join-btn-detail{min-width:200px;height:40px}.create-post-card{border-radius:16px;margin-bottom:24px}.post-actions{margin-top:16px;display:flex;justify-content:flex-end}.posts-card{border-radius:16px}.post-item{padding:24px!important;border-bottom:1px solid #f0f0f0}.post-item:last-child{border-bottom:none}.post-item .ant-image{width:100%;margin-bottom:8px}.post-item .ant-image-img{object-fit:contain;max-height:400px;width:auto}.comment-item{margin-left:0;margin-top:12px}.comment-reply{margin-left:32px;margin-top:12px}.community-chat-container{background:#fff;border-radius:12px;padding:16px;height:500px;display:flex;flex-direction:column}.chat-messages-list{flex:1;overflow-y:auto;margin-bottom:16px}.chat-message-item{display:flex;gap:12px;margin-bottom:16px}.chat-message-bubble{background:#f5f5f5;padding:8px 12px;border-radius:18px;max-width:70%}.chat-input-area{display:flex;gap:12px;margin-top:8px}.create-post-card .ant-upload-list{margin-top:12px}.community-detail-loading,.community-detail-not-found{text-align:center;padding:60px 20px}@media(max-width:768px){.community-detail-page{padding:16px}.community-info{padding:48px 16px 16px}.community-meta{flex-direction:column;gap:8px}.join-btn-detail{width:100%}.post-item{padding:16px!important}.chat-message-bubble{max-width:85%}.chat-input-area{flex-direction:column}}.conferences-page{padding:24px;max-width:1500px;margin:0 auto}.conferences-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.conferences-header h2{margin-bottom:4px}@media(max-width:760px){.conferences-page{padding:14px}.conferences-header{flex-direction:column}}.conference-room{min-height:calc(100vh - 64px);background:#0f172a;color:#fff;display:flex;flex-direction:column}.conference-loading{min-height:70vh;display:flex;align-items:center;justify-content:center;font-size:18px}.conference-header{min-height:76px;padding:12px 18px;background:#111827;border-bottom:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:20}.conference-header h4,.conference-header .ant-typography,.conference-header .ant-badge-status-text{color:#fff}.conference-content{display:grid;grid-template-columns:minmax(0,1fr);flex:1;min-height:0}.conference-content.with-sidebar{grid-template-columns:minmax(0,1fr) 380px}.video-grid{padding:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-auto-rows:minmax(220px,1fr);gap:12px;overflow:auto;align-content:center}.video-card{background:#020617;border:1px solid rgba(255,255,255,.14);border-radius:14px;overflow:hidden;min-height:220px;position:relative;display:flex;align-items:center;justify-content:center}.video-stream{width:100%;height:100%;object-fit:cover;background:#020617}.video-label{position:absolute;left:10px;right:10px;bottom:10px;border-radius:8px;background:#020617b8;padding:6px 9px;display:flex;justify-content:space-between;align-items:center;color:#fff}.conference-sidebar{background:#fff;color:#111827;border-left:1px solid #e5e7eb;min-height:0;overflow:hidden}.conference-sidebar .ant-tabs,.conference-sidebar .ant-tabs-content-holder,.conference-sidebar .ant-tabs-content,.conference-sidebar .ant-tabs-tabpane{height:100%}.sidebar-panel{padding:0 12px 12px;height:calc(100vh - 150px);overflow:auto}.chat-section{height:calc(100vh - 150px);display:flex;flex-direction:column;padding:0 12px 12px}.chat-messages{flex:1;overflow:auto;display:flex;flex-direction:column;gap:8px;padding-bottom:12px}.chat-message{background:#f3f4f6;border-radius:10px;padding:8px 10px;word-break:break-word}.chat-message.own{background:#e6f4ff}.chat-message-meta{display:flex;justify-content:space-between;gap:8px;margin-bottom:4px}.chat-input{display:flex;gap:8px;align-items:flex-end}.poll-card{border:1px solid #e5e7eb;border-radius:10px;padding:12px;margin-bottom:12px}@media(max-width:1100px){.conference-content.with-sidebar{grid-template-columns:minmax(0,1fr) 330px}}@media(max-width:820px){.conference-header{align-items:flex-start;flex-direction:column}.conference-content.with-sidebar{display:block}.conference-sidebar{position:fixed;right:0;top:0;bottom:0;width:min(92vw,380px);z-index:50;box-shadow:-8px 0 24px #00000040}.video-grid{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}