.status-indicator{width:12px;height:12px;border-radius:50%;background-color:#dc3545;display:inline-block}.status-indicator.connected{background-color:#28a745}.status-indicator.connecting{background-color:#ffc107;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}.card{box-shadow:0 .125rem .25rem rgba(0,0,0,.075);border:1px solid rgba(0,0,0,.125)}.card-header{background-color:#f8f9fa;border-bottom:1px solid rgba(0,0,0,.125)}.table th{border-top:0;font-weight:600;color:#495057}.table td{vertical-align:middle}.room-status{padding:.25rem .5rem;border-radius:.25rem;font-size:.875rem;font-weight:500}.room-status.open{background-color:#d4edda;color:#155724}.room-status.closed{background-color:#f8d7da;color:#721c24}.room-status.full{background-color:#fff3cd;color:#856404}.player-item{border:1px solid #dee2e6;border-radius:.375rem;padding:.75rem;margin-bottom:.5rem;background-color:#fff}.player-item:hover{background-color:#f8f9fa}.player-status{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.5rem}.player-status.online{background-color:#28a745}.player-status.offline{background-color:#dc3545}.player-status.inactive{background-color:#6c757d}.btn-toolbar{gap:.5rem}.modal-header{background-color:#f8f9fa;border-bottom:1px solid #dee2e6}.alert{border-radius:.375rem}.form-control:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-check-input:checked{background-color:#007bff;border-color:#007bff}@media(max-width:768px){.card-toolbar{margin-top:1rem}.table-responsive{font-size:.875rem}.btn{font-size:.875rem;padding:.375rem .75rem}}.loading{opacity:.6;pointer-events:none}.loading::after{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #f3f3f3;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}