.login-container{min-height:100vh;background:linear-gradient(180deg,#6b46c1,#8b5cf6,#a78bfa);display:flex;align-items:center;justify-content:center;padding:20px}.login-card{background:#fff;border-radius:16px;padding:40px;width:100%;max-width:450px;box-shadow:0 20px 60px #0000004d}.login-header{text-align:center;margin-bottom:32px}.login-form{display:flex;flex-direction:column;gap:20px}.form-input select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23374151' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.login-button{background-color:#3b82f6;color:#fff;padding:14px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:8px}.login-button:hover{background-color:#2563eb}.login-links{margin-top:20px;text-align:center;display:flex;justify-content:center;align-items:center;gap:12px}.login-link{color:#3b82f6;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.login-link:hover{color:#2563eb;text-decoration:underline}.link-separator{color:#9ca3af;font-size:14px}.login-footer{margin-top:24px;text-align:center;color:#6b7280;font-size:12px}.login-footer p{margin:0}.signup-container{min-height:100vh;background:linear-gradient(180deg,#6b46c1,#8b5cf6,#a78bfa);display:flex;align-items:center;justify-content:center;padding:20px}.signup-card{background:#fff;border-radius:16px;padding:40px;width:100%;max-width:500px;box-shadow:0 20px 60px #0000004d;max-height:90vh;overflow-y:auto}.signup-header{text-align:center;margin-bottom:32px}.signup-form{display:flex;flex-direction:column;gap:20px}.form-input select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23374151' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.signup-button{background-color:#3b82f6;color:#fff;padding:14px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:8px}.signup-button:hover:not(:disabled){background-color:#2563eb}.signup-button:disabled{opacity:.6;cursor:not-allowed}.signup-footer{margin-top:24px;text-align:center;color:#6b7280;font-size:14px}.signup-footer p{margin:0}.reset-container{min-height:100vh;background:linear-gradient(180deg,#6b46c1,#8b5cf6,#a78bfa);display:flex;align-items:center;justify-content:center;padding:20px}.reset-card{background:#fff;border-radius:16px;padding:40px;width:100%;max-width:450px;box-shadow:0 20px 60px #0000004d}.reset-header{text-align:center;margin-bottom:32px}.logo-icon{display:flex;justify-content:center;margin-bottom:16px}.brand-name{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:8px}.brand-slogan{font-size:14px;color:#6b7280;margin:0}.reset-form{display:flex;flex-direction:column;gap:20px}.form-input{padding:12px 16px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;transition:border-color .2s}.form-input:focus{outline:none;border-color:#6b46c1}.form-hint{font-size:12px;color:#6b7280;margin:0}.error-message{background-color:#fee2e2;color:#dc2626;padding:12px;border-radius:8px;font-size:14px;text-align:center}.success-message{background-color:#d1fae5;color:#065f46;padding:12px;border-radius:8px;font-size:14px;text-align:center}.reset-button{background-color:#3b82f6;color:#fff;padding:14px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:8px}.reset-button:hover:not(:disabled){background-color:#2563eb}.reset-button:disabled{opacity:.6;cursor:not-allowed}.reset-footer{margin-top:24px;text-align:center;color:#6b7280;font-size:14px}.reset-footer p{margin:8px 0}.link{color:#3b82f6;text-decoration:none;font-weight:500}.link:hover{text-decoration:underline}.reset-link-box{background-color:#f3f4f6;border:1px solid #D1D5DB;border-radius:8px;padding:16px;margin:16px 0}.reset-link-label{font-size:12px;font-weight:600;color:#374151;margin:0 0 8px}.reset-link{display:block;color:#3b82f6;text-decoration:none;font-size:12px;word-break:break-all;margin:8px 0}.reset-link:hover{text-decoration:underline}.reset-link-hint{font-size:11px;color:#6b7280;margin:8px 0 0}.layout-container{display:flex;min-height:100vh;background-color:#f3f4f6}.sidebar{width:250px;background-color:#fff;border-right:1px solid #E5E7EB;display:flex;flex-direction:column;position:fixed;height:100vh;overflow-y:auto}.sidebar-header{padding:24px 20px;border-bottom:1px solid #E5E7EB;display:flex;align-items:center;gap:12px}.sidebar-icon{font-size:24px}.sidebar-header h2{font-size:18px;font-weight:600;color:#1f2937;margin:0}.sidebar-nav{padding:16px 0;flex:1}.nav-item{padding:12px 20px;cursor:pointer;display:flex;align-items:center;gap:12px;color:#374151;transition:background-color .2s}.nav-item:hover{background-color:#f9fafb}.nav-item.active{background-color:#dbeafe;color:#1e40af;font-weight:500}.nav-icon{font-size:18px}.main-content{flex:1;margin-left:250px;display:flex;flex-direction:column}.content-header{background-color:#fff;padding:24px 32px;border-bottom:1px solid #E5E7EB;display:flex;justify-content:space-between;align-items:center}.content-header h1{font-size:28px;font-weight:700;color:#1f2937;margin:0}.user-name{color:#374151;font-size:14px}.logout-button{background-color:#dc2626;color:#fff;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.logout-button:hover{background-color:#b91c1c}.content-body{flex:1;padding:32px;overflow-y:auto}.dashboard-content{display:flex;flex-direction:column;gap:24px}.welcome-section{margin-bottom:8px}.welcome-section h2{font-size:24px;font-weight:600;color:#1f2937;margin:0}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.metric-card{background:#fff;padding:24px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.metric-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.metric-value{font-size:36px;font-weight:700;color:#3b82f6}.section-title{font-size:20px;font-weight:600;color:#1f2937;margin-bottom:16px;display:flex;align-items:center;gap:8px}.section-content{color:#6b7280}.profile-card{background:#f9fafb;padding:20px;border-radius:8px;border:1px solid #E5E7EB}.profile-card h3{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:16px}.profile-info{display:flex;flex-direction:column;gap:12px}.info-item{font-size:14px;color:#374151;line-height:1.5}.info-item strong{color:#1f2937;margin-right:8px}.live-class-section{display:flex;flex-direction:column;gap:16px;max-width:400px}.live-class-section .form-group{display:flex;flex-direction:column;gap:8px}.live-class-section label{font-size:14px;font-weight:500;color:#374151}.live-class-section .form-input{padding:10px 12px;border:1px solid #D1D5DB;border-radius:6px;font-size:14px}.live-class-section .form-input:focus{outline:none;border-color:#3b82f6}.join-button{background-color:#3b82f6;color:#fff;padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;align-self:flex-start;transition:background-color .2s}.join-button:hover{background-color:#2563eb}.admin-content,.coach-content,.student-content{background:#fff;padding:24px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.admin-content h2,.coach-content h2,.student-content h2{font-size:20px;font-weight:600;color:#1f2937;margin-bottom:16px}.admin-content p,.coach-content p,.student-content p{color:#6b7280;font-size:14px}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.overview-item{padding:20px;background:#f9fafb;border-radius:8px;border:1px solid #E5E7EB}.overview-item h3{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 12px}.overview-item p{font-size:14px;color:#6b7280;margin:0}.status-online{color:#10b981!important;font-weight:500}.quick-actions{display:flex;flex-direction:column;gap:8px}.quick-action-btn{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s;text-align:left}.quick-action-btn:hover{background:#2563eb}.admin-users-content{display:flex;flex-direction:column;gap:24px}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.users-header h2{font-size:24px;font-weight:600;color:#1f2937;margin:0}.add-user-btn{background-color:#ec4899;color:#fff;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:8px}.add-user-btn:hover{background-color:#db2777}.users-table-container{background:#fff;padding:24px;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.users-table{width:100%;border-collapse:collapse;font-size:14px}.users-table thead{background:#f9fafb}.users-table th{padding:12px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #E5E7EB}.users-table td{padding:12px;border-bottom:1px solid #E5E7EB;color:#6b7280}.users-table tbody tr:hover{background:#f9fafb}.role-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.role-badge.admin{background-color:#fee2e2;color:#dc2626}.role-badge.coach{background-color:#dbeafe;color:#1e40af}.role-badge.student{background-color:#d1fae5;color:#059669}.empty-state{text-align:center;color:#9ca3af;font-size:14px;padding:40px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.user-form{padding:24px;display:flex;flex-direction:column;gap:16px}.form-group input,.form-group select{padding:10px 12px;border:1px solid #D1D5DB;border-radius:6px;font-size:14px;font-family:inherit}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6}.admin-courses-content{display:flex;flex-direction:column;gap:24px}.courses-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.courses-header h2{font-size:24px;font-weight:600;color:#1f2937;margin:0}.create-course-btn{background-color:#ec4899;color:#fff;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.create-course-btn:hover{background-color:#db2777}.course-card{background:#fff;padding:24px;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:16px}.course-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.course-title-section{flex:1;display:flex;align-items:center;gap:12px}.course-title-section h3{font-size:20px;font-weight:600;color:#1f2937;margin:0}.course-level{background-color:#f3f4f6;color:#6b7280;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.course-actions{display:flex;gap:8px;flex-wrap:wrap}.course-actions button{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-view{background-color:#10b981;color:#fff}.btn-view:hover{background-color:#059669}.btn-add-schedule{background-color:#ec4899;color:#fff}.btn-add-schedule:hover{background-color:#db2777}.btn-edit{background-color:#f59e0b;color:#fff}.btn-edit:hover{background-color:#d97706}.btn-delete{background-color:#ef4444;color:#fff}.btn-delete:hover{background-color:#dc2626}.course-description{font-size:14px;color:#6b7280;line-height:1.6;margin:0}.course-metrics{display:flex;gap:24px;flex-wrap:wrap}.metric-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151}.metric-icon{font-size:16px}.course-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding-top:16px;border-top:1px solid #E5E7EB}.detail-item{display:flex;flex-direction:column;gap:8px}.detail-label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:16px;font-weight:600}.coach-value{color:#9333ea;display:flex;flex-direction:column;gap:4px}.coach-specialization{font-size:12px;font-weight:400;color:#9333ea}.students-value{color:#3b82f6}.content-value{color:#f59e0b}.schedules-value{color:#3b82f6}.section-card{background:#fff;padding:24px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.section-title{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:16px;display:flex;align-items:center;gap:8px}.section-icon{font-size:18px}.students-list,.schedules-list{display:flex;flex-direction:column;gap:12px}.student-item{padding:12px;background-color:#f9fafb;border-radius:6px;border:1px solid #E5E7EB}.student-name{font-size:14px;font-weight:500;color:#1f2937;margin-bottom:4px}.student-email{font-size:12px;color:#6b7280}.schedule-item{padding:12px;background-color:#f9fafb;border-radius:6px;border:1px solid #E5E7EB}.schedule-title{font-size:14px;font-weight:500;color:#1f2937;margin-bottom:4px}.schedule-date{font-size:12px;color:#6b7280}.empty-state{text-align:center;color:#9ca3af;font-size:14px;padding:20px}.modal-content{background:#fff;border-radius:8px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.course-form{padding:24px;display:flex;flex-direction:column;gap:16px}.btn-submit:hover:not(:disabled){background-color:#2563eb}.course-details-container{display:flex;flex-direction:column;gap:24px}.course-header-gradient{background:linear-gradient(135deg,#6b46c1,#8b5cf6);padding:40px;border-radius:12px;color:#fff;position:relative}.close-button{position:absolute;top:20px;right:20px;background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:6px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.close-button:hover{background:#ffffff4d}.course-title{font-size:32px;font-weight:700;margin:0 0 12px;color:#fff}.course-description-header{font-size:16px;margin:0 0 24px;opacity:.9;line-height:1.6}.course-badges{display:flex;gap:12px;flex-wrap:wrap}.badge{background:#fff3;padding:8px 16px;border-radius:20px;font-size:14px;display:flex;align-items:center;gap:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge-icon{font-size:16px}.section{background:#fff;padding:24px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.section-title{font-size:20px;font-weight:600;color:#1f2937;margin-bottom:20px;display:flex;align-items:center;gap:8px}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.analytics-card{background:#f9fafb;padding:24px;border-radius:8px;text-align:center}.analytics-value{font-size:36px;font-weight:700;margin-bottom:8px}.analytics-value.green{color:#10b981}.analytics-value.blue{color:#3b82f6}.analytics-value.orange{color:#f59e0b}.analytics-value.purple{color:#9333ea}.analytics-label{font-size:14px;color:#6b7280;font-weight:500}.instructor-card{display:flex;gap:20px;align-items:flex-start}.instructor-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#6b46c1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700;flex-shrink:0}.instructor-info{flex:1}.instructor-name{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 4px}.instructor-specialization{font-size:14px;color:#6b7280;margin:0 0 12px}.instructor-details{display:flex;flex-direction:column;gap:8px}.instructor-detail-item{font-size:14px;color:#374151;display:flex;align-items:center;gap:8px}.curriculum-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.add-module-btn{background-color:#ec4899;color:#fff;padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.add-module-btn:hover{background-color:#db2777}.curriculum-list{display:flex;flex-direction:column;gap:16px}.curriculum-module{border:1px solid #E5E7EB;border-radius:8px;padding:20px;background:#f9fafb}.module-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.module-info{flex:1}.module-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 8px}.module-description{font-size:14px;color:#6b7280;margin:0 0 8px}.module-stats{font-size:12px;color:#9ca3af}.module-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.completed-badge{background-color:#10b981;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.add-lesson-btn{background-color:#3b82f6;color:#fff;padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s}.add-lesson-btn:hover{background-color:#2563eb}.delete-module-btn{background-color:#ef4444;color:#fff;padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s}.delete-module-btn:hover{background-color:#dc2626}.progress-bar-container{width:100%;height:4px;background-color:#e5e7eb;border-radius:2px;overflow:hidden;margin-bottom:16px}.progress-bar{height:100%;background-color:#10b981;transition:width .3s}.lessons-list{display:flex;flex-direction:column;gap:8px}.lesson-item{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:6px;border:1px solid #E5E7EB}.lesson-checkbox{width:18px;height:18px;cursor:pointer}.lesson-title{flex:1;font-size:14px;color:#374151}.lesson-title.completed{text-decoration:line-through;color:#9ca3af}.view-page-btn{background-color:#9333ea;color:#fff;padding:4px 12px;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s}.view-page-btn:hover{background-color:#7e22ce}.empty-state{text-align:center;color:#9ca3af;font-size:14px;padding:40px}.modal-content{background:#fff;border-radius:8px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.module-form{padding:24px;display:flex;flex-direction:column;gap:16px}.form-group input,.form-group textarea,.form-group select{padding:10px 12px;border:1px solid #D1D5DB;border-radius:6px;font-size:14px;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3b82f6}.form-group textarea{resize:vertical}.form-hint{font-size:12px;color:#6b7280;margin-top:4px}.module-stats .pdf-count{color:#9333ea;font-weight:500}.attach-pdf-btn{background-color:#9333ea;color:#fff;padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s;margin-right:8px}.attach-pdf-btn:hover{background-color:#7e22ce}.module-pdfs-section{margin-top:16px;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #E5E7EB}.pdfs-section-title{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 12px}.pdfs-list{display:flex;flex-direction:column;gap:8px}.pdf-item{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:1px solid #E5E7EB;border-radius:6px;transition:box-shadow .2s}.pdf-item:hover{box-shadow:0 2px 4px #0000001a}.pdf-icon{font-size:24px;flex-shrink:0}.pdf-info{flex:1;display:flex;flex-direction:column;gap:4px}.pdf-name{font-size:14px;font-weight:500;color:#1f2937}.pdf-size{font-size:12px;color:#6b7280}.pdf-actions{display:flex;gap:6px}.pdf-view-btn,.pdf-download-btn,.pdf-delete-btn{padding:6px 12px;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.pdf-view-btn{background:#3b82f6;color:#fff}.pdf-view-btn:hover{background:#2563eb}.pdf-download-btn{background:#10b981;color:#fff}.pdf-download-btn:hover{background:#059669}.pdf-delete-btn{background:#ef4444;color:#fff}.pdf-delete-btn:hover{background:#dc2626}.pdf-upload-form{padding:24px;display:flex;flex-direction:column;gap:20px}.pdf-file-input{padding:8px;border:1px solid #D1D5DB;border-radius:6px;font-size:14px;width:100%;cursor:pointer}.pdf-file-input:hover{border-color:#9333ea}.video-call-container{position:fixed;top:0;left:0;right:0;bottom:0;background:#1a1a1a;z-index:2000;display:flex;flex-direction:column;color:#fff}.video-call-header{background:#2d2d2d;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #3a3a3a}.header-icon{font-size:24px}.video-call-header h3{margin:0;font-size:20px;font-weight:600;color:#fff}.connection-status{display:flex;align-items:center;gap:6px;background:#10b981;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-dot{width:8px;height:8px;background:#fff;border-radius:50%;display:inline-block}.user-name-header{font-size:14px;color:#e5e7eb}.back-btn{background-color:#ef4444;color:#fff;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.back-btn:hover{background-color:#dc2626}.video-call-content{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.video-call-join{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:16px;padding:40px}.room-info{font-size:18px;font-weight:500;color:#9ca3af}.join-btn{background:#3b82f6;color:#fff;border:none;padding:14px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s}.join-btn:hover{background:#2563eb}.connection-hint{font-size:12px;color:#6b7280;margin-top:8px;text-align:center;max-width:400px}.control-panel{background:#fff;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;border-bottom:1px solid #E5E7EB}.room-info-panel{display:flex;align-items:center;gap:12px}.room-label{font-size:16px;font-weight:600;color:#1f2937}.live-badge{display:flex;align-items:center;gap:6px;background:#10b981;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.live-dot{width:8px;height:8px;background:#fff;border-radius:50%;display:inline-block}.participants-icon{font-size:18px;margin-left:8px}.participant-count{background:#3b82f6;color:#fff;padding:4px 10px;border-radius:4px;font-size:14px;font-weight:600;min-width:24px;text-align:center}.control-buttons{display:flex;gap:8px;flex-wrap:wrap}.control-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;color:#fff}.control-btn.mic-on{background-color:#10b981}.control-btn.mic-on:hover{background-color:#059669}.control-btn.muted{background-color:#6b7280}.control-btn.camera-on{background-color:#3b82f6}.control-btn.camera-on:hover{background-color:#2563eb}.control-btn.camera-off{background-color:#6b7280}.control-btn.share-screen{background-color:#9333ea}.control-btn.share-screen:hover{background-color:#7e22ce}.control-btn.stop-share{background-color:#ef4444}.control-btn.chat{background-color:#9ca3af}.control-btn.chat:hover{background-color:#6b7280}.control-btn.leave{background-color:#ef4444}.control-btn.leave:hover{background-color:#dc2626}.video-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;padding:16px;overflow-y:auto;background:#0f172a}.video-grid:has(.screen-share){grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.video-participant{background:#1e293b;border-radius:8px;overflow:hidden;position:relative;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}.video-participant.placeholder{background:#1e293b}.video-placeholder{font-size:64px;opacity:.5}.video-participant video{width:100%;height:100%;object-fit:cover}.video-participant.local{border:2px solid #3B82F6}.video-participant.screen-share{position:relative;border:2px solid #9333EA}.screen-share-label{position:absolute;top:8px;left:8px;background:#9333eae6;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;z-index:10}.chat-panel{position:absolute;right:0;top:0;bottom:0;width:320px;background:#fff;border-left:1px solid #E5E7EB;display:flex;flex-direction:column;z-index:10}.chat-header{padding:16px;border-bottom:1px solid #E5E7EB;display:flex;justify-content:space-between;align-items:center}.chat-header h4{margin:0;font-size:16px;font-weight:600;color:#1f2937}.chat-header button{background:none;border:none;font-size:20px;cursor:pointer;color:#6b7280}.chat-messages{flex:1;padding:16px;overflow-y:auto}.chat-message{padding:8px 12px;background:#f3f4f6;border-radius:8px;margin-bottom:8px;font-size:14px;color:#374151}.chat-input-container{padding:16px;border-top:1px solid #E5E7EB;display:flex;gap:8px}.chat-input{flex:1;padding:8px 12px;border:1px solid #D1D5DB;border-radius:6px;font-size:14px}.chat-send-btn{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer}.chat-send-btn:hover{background:#2563eb}.admin-pages-content{display:flex;flex-direction:column;gap:24px}.create-page-section,.search-pages-section,.live-classes-section,.scheduled-classes-section,.page-operations-section,.pages-table-section{background:#fff;padding:24px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.create-page-section h2,.search-pages-section h2,.page-operations-section h2,.pages-table-section h2{font-size:20px;font-weight:600;color:#1f2937;margin-bottom:20px}.page-form{display:flex;flex-direction:column;gap:16px}.page-form .form-group{display:flex;flex-direction:column;gap:8px}.page-form label{font-size:14px;font-weight:500;color:#374151}.page-form input,.page-form textarea,.page-form select{padding:10px 12px;border:1px solid #D1D5DB;border-radius:6px;font-size:14px;font-family:inherit}.page-form input:focus,.page-form textarea:focus,.page-form select:focus{outline:none;border-color:#3b82f6}.page-form textarea{resize:vertical}.create-button{background-color:#10b981;color:#fff;padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;align-self:flex-start;transition:background-color .2s}.create-button:hover:not(:disabled){background-color:#059669}.create-button:disabled{opacity:.6;cursor:not-allowed}.search-form{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}.search-form input{flex:1;min-width:200px;padding:10px 12px;border:1px solid #D1D5DB;border-radius:6px;font-size:14px}.search-buttons{display:flex;gap:8px}.search-button,.show-all-button{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.search-button{background-color:#3b82f6;color:#fff}.search-button:hover:not(:disabled){background-color:#2563eb}.show-all-button{background-color:#6b7280;color:#fff}.show-all-button:hover:not(:disabled){background-color:#4b5563}.search-button:disabled,.show-all-button:disabled{opacity:.6;cursor:not-allowed}.live-classes-section{margin-top:24px}.section-title{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600;color:#1f2937;margin-bottom:20px}.section-icon{font-size:24px}.live-classes-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.action-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.action-btn.start-live{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.action-btn.start-live:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.action-btn.schedule{background:#3b82f6;color:#fff}.action-btn.schedule:hover{background:#2563eb}.action-btn.view-recordings{background:#9333ea;color:#fff}.action-btn.view-recordings:hover{background:#7e22ce}.action-btn.manage-rooms{background:#10b981;color:#fff}.action-btn.manage-rooms:hover{background:#059669}.live-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:24px}.overview-card{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);padding:20px;border-radius:8px;text-align:center}.overview-icon{font-size:32px;display:block;margin-bottom:12px}.overview-value{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:8px}.overview-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.scheduled-classes-section{margin-top:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.refresh-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.refresh-btn:hover{background:#2563eb}.schedules-list{display:flex;flex-direction:column;gap:16px}.schedule-card{background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;padding:20px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.schedule-info{flex:1}.schedule-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 12px}.schedule-details{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:8px}.detail-item{display:flex;align-items:center;gap:6px;font-size:14px;color:#6b7280}.detail-icon{font-size:16px}.schedule-description{font-size:14px;color:#6b7280;margin:8px 0 0}.schedule-actions{display:flex;gap:8px;flex-wrap:wrap}.action-btn-small{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.action-btn-small.start{background:#10b981;color:#fff}.action-btn-small.start:hover{background:#059669}.action-btn-small.edit{background:#3b82f6;color:#fff}.action-btn-small.edit:hover{background:#2563eb}.action-btn-small.delete{background:#ef4444;color:#fff}.action-btn-small.delete:hover{background:#dc2626}.status-badge{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.status-badge.upcoming{background:#fef3c7;color:#92400e}.active-classes-section{margin-top:32px;padding-top:32px;border-top:1px solid #E5E7EB}.section-subtitle{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#1f2937;margin-bottom:16px}.empty-state{text-align:center;color:#9ca3af;padding:20px;font-size:14px}.empty-state-hint{text-align:center;color:#d1d5db;font-size:12px;margin-top:8px}.active-classes-list{display:flex;flex-direction:column;gap:16px}.active-class-card{background:#fff;border:1px solid #E5E7EB;border-left:4px solid #EF4444;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.active-class-info{flex:1}.active-class-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.active-class-title{font-size:18px;font-weight:600;color:#1f2937;margin:0}.active-indicator{background:#fee2e2;color:#dc2626;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;display:flex;align-items:center;gap:4px}.active-class-details{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:8px}.active-class-details .detail-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#6b7280}.active-class-details .detail-icon{font-size:14px}.active-class-course{font-size:13px;color:#9333ea;margin:8px 0 0;font-weight:500}.active-class-actions{display:flex;gap:8px;flex-shrink:0}.active-class-actions .action-btn-small{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.active-class-actions .action-btn-small.join{background:#10b981;color:#fff}.active-class-actions .action-btn-small.join:hover{background:#059669}.active-class-actions .action-btn-small.end{background:#ef4444;color:#fff}.active-class-actions .action-btn-small.end:hover{background:#dc2626}.page-operations-section{margin-top:24px}.operations-buttons{display:flex;gap:12px;flex-wrap:wrap}.operation-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.operation-btn.templates{background:#3b82f6;color:#fff}.operation-btn.templates:hover{background:#2563eb}.operation-btn.analytics{background:#10b981;color:#fff}.operation-btn.analytics:hover{background:#059669}.operation-btn.export{background:#9333ea;color:#fff}.operation-btn.export:hover{background:#7e22ce}.operation-btn.bulk{background:#f59e0b;color:#fff}.operation-btn.bulk:hover{background:#d97706}.pages-table-container{overflow-x:auto}.pages-table{width:100%;border-collapse:collapse;font-size:14px}.pages-table thead{background:#f9fafb}.pages-table th{padding:12px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #E5E7EB}.pages-table td{padding:12px;border-bottom:1px solid #E5E7EB;color:#6b7280}.pages-table tbody tr:hover{background:#f9fafb}.page-id-link{color:#3b82f6;text-decoration:none;font-weight:500}.page-id-link:hover{text-decoration:underline}.table-btn{padding:4px 12px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;margin-right:8px;transition:all .2s}.table-btn.view{background-color:#3b82f6;color:#fff}.table-btn.view:hover{background-color:#2563eb}.table-btn.edit{background-color:#6b7280;color:#fff}.table-btn.edit:hover{background-color:#4b5563}.table-btn.delete{background-color:#ef4444;color:#fff}.table-btn.delete:hover{background-color:#dc2626}.status-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.status-badge.draft{background-color:#f3f4f6;color:#6b7280}.status-badge.published{background-color:#d1fae5;color:#065f46}.status-badge.archived{background-color:#fee2e2;color:#991b1b}.edit-page-modal{background:#fff;border-radius:12px;width:90%;max-width:1000px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.edit-modal-header{background:linear-gradient(135deg,#6b46c1,#4c1d95);padding:24px 32px;color:#fff}.edit-header-content{display:flex;justify-content:space-between;align-items:flex-start}.edit-header-title{display:flex;align-items:flex-start;gap:12px}.edit-header-icon{font-size:32px;margin-top:4px}.edit-header-title h2{margin:0;font-size:24px;font-weight:600;color:#fff}.edit-header-title p{margin:4px 0 0;font-size:14px;opacity:.9;color:#fff}.edit-modal-close{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.edit-modal-close:hover{background:#ffffff4d}.edit-modal-tabs{display:flex;border-bottom:1px solid #E5E7EB;background:#fff;padding:0 32px}.edit-tab{display:flex;align-items:center;gap:8px;padding:16px 24px;border:none;background:none;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s;position:relative}.edit-tab:hover{color:#3b82f6;background:#f9fafb}.edit-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.tab-icon{font-size:16px}.edit-modal-content{flex:1;overflow-y:auto;padding:32px}.edit-tab-content{display:flex;gap:32px;min-height:400px}.edit-form-left{flex:1;display:flex;flex-direction:column;gap:20px}.edit-form-right{width:300px;display:flex;flex-direction:column;gap:20px}.edit-modal-content .form-group{display:flex;flex-direction:column;gap:8px}.edit-modal-content .form-group label{font-size:14px;font-weight:500;color:#374151}.edit-modal-content .form-group input,.edit-modal-content .form-group textarea,.edit-modal-content .form-group select{padding:10px 12px;border:1px solid #D1D5DB;border-radius:6px;font-size:14px;font-family:inherit}.edit-modal-content .form-group input:focus,.edit-modal-content .form-group textarea:focus,.edit-modal-content .form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.edit-modal-content .form-group textarea{resize:vertical}.edit-modal-content .form-hint{font-size:12px;color:#6b7280;margin-top:4px}.tab-section-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:20px}.tab-section-header .header-left{display:flex;align-items:center;gap:16px;width:100%}.tab-section-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:8px}.users-tab-content,.messages-tab-content{width:100%}.section-icon{font-size:20px}.add-user-btn,.add-message-btn{background:#10b981;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.add-user-btn:hover,.add-message-btn:hover{background:#059669}.users-list,.messages-list{display:flex;flex-direction:column;gap:12px}.user-item,.message-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:6px}.user-item{gap:12px}.user-info{display:flex;align-items:center;gap:12px;flex:1}.user-name{font-weight:500;color:#1f2937}.user-role{color:#6b7280;font-size:12px;padding:2px 8px;background:#e5e7eb;border-radius:4px}.message-content{flex:1}.message-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.message-content p{margin:0;color:#1f2937;line-height:1.5}.message-meta{font-size:12px;color:#6b7280}.message-item.message-announcement{border-left:4px solid #F59E0B;background:#fffbeb}.message-item.message-alert{border-left:4px solid #EF4444;background:#fef2f2}.message-item.message-info{border-left:4px solid #3B82F6;background:#eff6ff}.message-item.message-warning{border-left:4px solid #F59E0B;background:#fffbeb}.message-item.message-normal{border-left:4px solid #6B7280}.remove-btn{background:#ef4444;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s}.remove-btn:hover{background:#dc2626}.empty-list{text-align:center;color:#9ca3af;padding:40px;font-size:14px}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.edit-modal-actions{display:flex;gap:12px;padding-top:24px;border-top:1px solid #E5E7EB;margin-top:24px}.action-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.save-btn{background:#10b981;color:#fff}.save-btn:hover{background:#059669}.preview-btn{background:#3b82f6;color:#fff}.preview-btn:hover{background:#2563eb}.duplicate-btn{background:#f59e0b;color:#fff}.duplicate-btn:hover{background:#d97706}.cancel-btn{background:#6b7280;color:#fff}.cancel-btn:hover{background:#4b5563}.btn-icon{font-size:16px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:8px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #E5E7EB}.modal-header h2{font-size:20px;font-weight:600;color:#1f2937;margin:0}.modal-close{background-color:#ef4444;color:#fff;width:32px;height:32px;border:none;border-radius:4px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.modal-close:hover{background-color:#dc2626}.schedule-form{padding:24px;display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #E5E7EB}.btn-cancel{padding:10px 20px;border:1px solid #D1D5DB;background:#fff;color:#374151;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel:hover{background-color:#f9fafb}.btn-submit{padding:10px 20px;border:none;background-color:#3b82f6;color:#fff;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-submit:hover{background-color:#2563eb}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.message-modal{max-width:500px}.message-form{padding:24px;display:flex;flex-direction:column;gap:20px}.message-type-select{padding:10px 12px;border:1px solid #D1D5DB;border-radius:6px;font-size:14px;font-family:inherit;width:100%;cursor:pointer}.message-type-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.message-textarea{padding:10px 12px;border:1px solid #D1D5DB;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;width:100%}.message-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.start-live-class-container{min-height:100vh;background:#f3f4f6;display:flex;align-items:center;justify-content:center;padding:20px}.start-live-class-card{background:#fff;border-radius:12px;width:100%;max-width:600px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.start-live-content{padding:40px}.content-header{display:flex;align-items:center;gap:12px;margin-bottom:32px}.content-header h2{font-size:24px;font-weight:600;color:#1f2937;margin:0}.start-class-form{display:flex;flex-direction:column;gap:24px}.start-class-button{background-color:#3b82f6;color:#fff;padding:14px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:8px}.start-class-button:hover{background-color:#2563eb}.hint-section{margin-top:32px;padding:16px;background:#fffbeb;border-radius:8px;display:flex;align-items:flex-start;gap:12px}.hint-icon{font-size:20px;flex-shrink:0}.hint-text{font-size:14px;color:#92400e;margin:0;line-height:1.5}.join-live-class-container{min-height:100vh;background:#f3f4f6;display:flex;align-items:center;justify-content:center;padding:20px}.join-live-class-card{background:#fff;border-radius:12px;width:100%;max-width:600px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.page-header{background:#fff;padding:20px 24px;border-bottom:1px solid #E5E7EB;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:12px}.camera-icon{font-size:24px}.page-header h1{font-size:20px;font-weight:600;color:#1f2937;margin:0}.header-right{display:flex;align-items:center;gap:16px}.user-name{font-size:14px;color:#374151}.back-button{background-color:#ef4444;color:#fff;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.back-button:hover{background-color:#dc2626}.join-live-content{padding:40px}.join-title{font-size:24px;font-weight:600;color:#1f2937;margin:0 0 32px}.join-class-form{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:#374151}.form-group input{padding:12px 16px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.join-class-button{background-color:#3b82f6;color:#fff;padding:14px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:8px}.join-class-button:hover{background-color:#2563eb}.share-link-section{margin-top:32px;padding-top:32px;border-top:1px solid #E5E7EB}.share-title{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 16px}.share-link-container{display:flex;gap:8px}.share-link-input{flex:1;padding:10px 12px;border:1px solid #D1D5DB;border-radius:6px;background:#f9fafb;color:#6b7280;font-size:13px;font-family:monospace}.copy-button{display:flex;align-items:center;gap:6px;background-color:#6b7280;color:#fff;padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.copy-button:hover{background-color:#4b5563}.copy-icon{font-size:16px}.page-viewer-container{max-width:1000px;margin:0 auto;padding:24px}.page-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid #E5E7EB}.back-button{background:#374151;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:6px}.back-button:hover{background:#1f2937}.page-title{flex:1;font-size:36px;font-weight:700;color:#111827;margin:0}.page-status-badge{padding:8px 16px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.page-status-badge.status-draft{background:#f3f4f6;color:#6b7280}.page-status-badge.status-published{background:#10b981;color:#fff}.page-status-badge.status-archived{background:#fee2e2;color:#991b1b}.page-content-section{margin-bottom:40px}.page-content{background:#fff;border-radius:12px;padding:40px;box-shadow:0 2px 8px #00000014;min-height:300px}.content-body{line-height:1.8}.content-text{font-size:16px;color:#111827;white-space:pre-wrap;word-wrap:break-word}.no-content{color:#9ca3af;font-style:italic;text-align:center;padding:40px}.page-users-section{margin-top:30px;padding-top:25px;border-top:1px solid #eee}.users-section-title{font-size:22px;font-weight:600;color:#1f2937;margin-bottom:20px;display:flex;align-items:center;gap:10px}.users-list-viewer{display:flex;flex-direction:column;gap:12px}.user-card{background:#fff;border:1px solid #E5E7EB;border-radius:8px;padding:16px;box-shadow:0 2px 4px #0000000d}.user-card-content{display:flex;align-items:center;justify-content:space-between;gap:12px}.user-name{font-weight:500;color:#1f2937;font-size:15px}.user-role-badge{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600;text-transform:capitalize}.user-role-badge.role-admin{background:#fee2e2;color:#991b1b}.user-role-badge.role-editor{background:#dbeafe;color:#1e40af}.user-role-badge.role-viewer{background:#f3f4f6;color:#6b7280}.page-messages-section{margin-top:40px;padding-top:32px;border-top:2px solid #E5E7EB}.messages-section-title{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:600;color:#1f2937;margin-bottom:24px}.section-icon{font-size:28px}.messages-list-viewer{display:flex;flex-direction:column;gap:16px}.message-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;border-left:4px solid}.message-card.message-normal{border-left-color:#6b7280;background:#f9fafb}.message-card.message-announcement{border-left-color:#f59e0b;background:#fffbeb}.message-card.message-alert{border-left-color:#ef4444;background:#fef2f2}.message-card.message-info{border-left-color:#3b82f6;background:#eff6ff}.message-card.message-warning{border-left-color:#f59e0b;background:#fffbeb}.message-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:12px}.message-type-badge{padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;display:inline-flex;align-items:center;gap:4px}.message-type-badge.type-normal{background:#e0e7ff;color:#3730a3}.message-type-badge.type-announcement{background:#fef3c7;color:#92400e}.message-type-badge.type-alert{background:#fee2e2;color:#991b1b}.message-type-badge.type-info{background:#dbeafe;color:#1e40af}.message-type-badge.type-warning{background:#fef3c7;color:#92400e}.message-author-date{font-size:12px;color:#6b7280}.message-card-body{margin-top:8px}.message-card-body p{margin:0;font-size:15px;color:#1f2937;line-height:1.6}.page-footer{margin-top:40px;padding-top:24px;border-top:1px solid #E5E7EB}.page-meta{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#374151}.meta-item{display:flex;align-items:center;gap:6px;color:#6b7280}.loading-state,.error-state{text-align:center;padding:60px 20px;font-size:18px;color:#6b7280}.error-state{color:#ef4444}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}