@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap");:root{--bg:#0f1419;--surface:#1a2332;--surface-hover:#243044;--border:#2d3a4f;--text:#e8edf4;--text-muted:#8b9cb3;--primary:#3b82f6;--primary-hover:#2563eb;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--radius:10px}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:DM Sans,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}a{color:var(--primary);text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;border-radius:var(--radius);padding:.6rem 1.2rem;font-weight:600;font-size:.9rem;transition:background .15s,transform .1s}button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:var(--surface-hover);color:var(--text);border:1px solid var(--border)}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}input,select,textarea{font-family:inherit;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:.65rem .9rem;font-size:.95rem;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:1px}.card{background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);padding:1.5rem}.badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-pending{background:#fef3c7;color:#92400e}.badge-active{background:#dcfce7;color:#166534}.badge-disconnected{background:#fef3c7;color:#92400e}.badge-ended{background:#fee2e2;color:#991b1b}.layout{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--surface);border-right:1px solid var(--border);padding:1.5rem 1rem;display:flex;flex-direction:column;gap:.5rem}.sidebar h1{font-size:1.1rem;margin-bottom:1.5rem;padding:0 .5rem;color:var(--primary)}.sidebar a{display:block;padding:.65rem .75rem;border-radius:var(--radius);color:var(--text-muted);font-weight:500}.sidebar a.active,.sidebar a:hover{background:var(--surface-hover);color:var(--text)}.main{flex:1 1;padding:2rem;overflow-y:auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-header h2{font-size:1.75rem;font-weight:700}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;padding:.85rem 1rem;border-bottom:1px solid var(--border)}.table th{color:var(--text-muted);font-weight:600;font-size:.8rem;text-transform:uppercase}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.4rem;font-weight:500;color:var(--text-muted);font-size:.85rem}.error{color:var(--danger);font-size:.85rem;margin-top:.5rem}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f1419,#1a2332 50%,#0f1419)}.login-card{width:100%;max-width:400px}.room-viewer{display:grid;grid-template-columns:1fr 280px;grid-gap:1rem;gap:1rem;height:calc(100vh - 4rem)}.room-viewer--no-sidebar{grid-template-columns:1fr}.room-page--fullscreen .room-viewer{height:100vh}.video-container{background:#000;border-radius:var(--radius);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.video-container video{max-width:100%;max-height:100%;object-fit:contain}.video-overlay{position:absolute;inset:0;cursor:default}.video-overlay.control-active{cursor:crosshair;-moz-user-select:none;user-select:none;-webkit-user-select:none}.video-waiting{position:absolute;color:var(--text-muted);z-index:1;pointer-events:none}.video-toolbar{position:absolute;top:.75rem;right:.75rem;z-index:5;display:flex;gap:.5rem;flex-wrap:wrap}.btn-sm{padding:.35rem .75rem!important;font-size:.8rem!important}.video-container:-webkit-full-screen{border-radius:0;width:100vw;height:100vh}.video-container:fullscreen{border-radius:0;width:100vw;height:100vh}.video-container:-webkit-full-screen video{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}.video-container:fullscreen video{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}.fs-bottom-bar{position:absolute;left:0;right:0;bottom:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem;background:linear-gradient(transparent,rgba(0,0,0,.85));opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease}.fs-bottom-bar--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.fs-bottom-bar-status{font-size:.85rem;color:#e2e8f0}.fs-bottom-bar-actions{display:flex;gap:.5rem;flex-wrap:wrap}.room-sidebar{display:flex;flex-direction:column;gap:1rem}.participant-list{list-style:none}.participant-list li{padding:.5rem 0;border-bottom:1px solid var(--border);font-size:.9rem}.control-panel{display:flex;flex-direction:column;gap:.5rem}.status-bar{gap:.5rem;padding:.5rem;background:var(--surface-hover);border-radius:var(--radius);font-size:.85rem}.modal-backdrop,.status-bar{display:flex;align-items:center}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);justify-content:center;z-index:100}.modal{background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);padding:1.5rem;max-width:420px;width:90%}.modal-actions{display:flex;gap:.5rem;margin-top:1rem;justify-content:flex-end}.copy-field{display:flex;gap:.5rem;align-items:center}.copy-field input{flex:1 1;font-size:.85rem}