.collab-room{padding:1rem}.collab-container{max-width:56rem;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.collab-header{text-align:center}.collab-title{font-size:2.25rem;font-weight:700;color:white;margin-bottom:.5rem}.collab-subtitle{color:#d1d5db}.collab-status{display:flex;align-items:center;justify-content:center;margin-top:1rem;gap:.75rem}.status-indicator{width:1rem;height:1rem;border-radius:50%;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.status-indicator.connected{background-color:#34d399}.status-indicator.disconnected{background-color:#f87171}.status-text{font-size:.875rem;font-weight:500}.status-text.connected{color:#34d399}.status-text.disconnected{color:#f87171}.message{padding:1rem;border-radius:.5rem;border-width:2px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.message.success{background-color:#064e3b;color:#d1fae5;border-color:#047857}.message.error{background-color:#7f1d1d;color:#fecaca;border-color:#dc2626}.message.info{background-color:#1e3a8a;color:#dbeafe;border-color:#2563eb}.collab-card{background-color:transparent;border-radius:.75rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);padding:1.5rem;border:2px solid #4b5563}.large-card{padding:2rem}.room-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.room-info h2{font-size:1.5rem;font-weight:700;color:white}.room-info p{color:#d1d5db}.btn{padding:.75rem 1.5rem;border-radius:.5rem;transition:all .2s;font-weight:600;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);border:none;cursor:pointer;text-decoration:none;display:inline-block;text-align:center}.btn:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);transform:scale(1.05)}.btn-primary{background-color:#3b82f6;color:white}.btn-primary:hover{background-color:#2563eb}.btn-success{background-color:#10b981;color:white}.btn-success:hover{background-color:#059669}.btn-danger{background-color:#ef4444;color:white}.btn-danger:hover{background-color:#dc2626}.btn-secondary{background-color:#6b7280;color:white}.btn-secondary:hover{background-color:#4b5563}.btn-large{padding:1rem 2rem}.btn-group{justify-content:center}.btn-group,.btn-group-fill{display:flex;gap:1rem}.btn-group-fill .btn{flex:1 1}.member-list{display:flex;flex-direction:column;gap:.75rem}.member-list h3{font-size:1.125rem;font-weight:600;color:#e5e7eb}.member-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:#374151;border-radius:.5rem;border:2px solid #4b5563;transition:border-color .2s}.member-item:hover{border-color:#6b7280}.member-info{display:flex;align-items:center}.member-name{font-weight:500;color:white}.admin-badge{margin-left:.5rem;font-size:.75rem;background-color:#3b82f6;color:#dbeafe;padding:.25rem .5rem;border-radius:.25rem;font-weight:500}.course-count{font-size:.875rem;color:#d1d5db;font-weight:500}.join-requests{margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}.join-requests h3{font-size:1.125rem;font-weight:600;color:#e5e7eb}.join-request-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:#92400e;border-radius:.5rem;border:2px solid #d97706}.join-request-user{font-weight:500;color:#fef3c7}.btn-small{padding:.5rem 1rem;font-size:.875rem}.empty-state{text-align:center;display:flex;flex-direction:column;gap:1.5rem}.empty-state h2{font-size:1.5rem;font-weight:700;color:white}.modal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:9999}.modal2{background-color:#1f2937;border-radius:.75rem;padding:2rem;width:100%;max-width:28rem;border:2px solid #4b5563;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.modal h3{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;color:white}.modal-form{gap:1.5rem}.form-group,.modal-form{display:flex;flex-direction:column}.form-label{display:block;font-size:.875rem;font-weight:500;color:#d1d5db;margin-bottom:.75rem}.form-input,.form-select{width:100%;padding:1rem;border:2px solid #4b5563;border-radius:.5rem;background-color:#374151;color:white;font-weight:500}.form-input:focus,.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.5)}.form-input::placeholder{color:#9ca3af}@media (max-width:768px){.collab-room{padding:.5rem}.collab-title{font-size:1.875rem}.room-header{align-items:flex-start;gap:1rem}.btn-group,.member-item,.room-header{flex-direction:column}.member-item{align-items:flex-start;gap:.5rem}}