@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-main:#0d1117;--bg-panel:#161b22;--bg-hover:#21262d;--border:#30363d;--text-primary:#c9d1d9;--text-secondary:#8b949e;--accent:#58a6ff;--success:#238636;--danger:#da3633}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{background-color:var(--bg-main);color:var(--text-primary);height:100vh;overflow:hidden}#root{height:100%}.dashboard-container{width:100%;height:100%;display:flex}.sidebar{background-color:var(--bg-panel);border-right:1px solid var(--border);flex-direction:column;width:250px;display:flex}.sidebar-header{border-bottom:1px solid var(--border);padding:20px}.sidebar-header h2{color:#fff;align-items:center;gap:10px;font-size:16px;display:flex}.status-section{border-bottom:1px solid var(--border);flex-direction:column;gap:10px;padding:20px;display:flex}.status-badge{background-color:#ffffff0d;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:inline-flex}.status-badge.online{color:#3fb950;border:1px solid #3fb9504d}.status-badge.offline{color:#f85149;border:1px solid #f851494d}.menu-section{flex:1;padding:20px;overflow-y:auto}.menu-section h3{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;margin-bottom:12px;font-size:12px}.scene-list{flex-direction:column;gap:8px;display:flex}.scene-btn{border:1px solid var(--border);color:var(--text-primary);text-align:left;cursor:pointer;background-color:#0000;border-radius:6px;padding:10px 14px;font-weight:500;transition:all .2s}.scene-btn:hover{background-color:var(--bg-hover)}.scene-btn.active{border-color:var(--accent);color:var(--accent);background-color:#58a6ff1a}.no-scenes{color:var(--text-secondary);font-size:13px}.main-content{background-color:var(--bg-main);flex-direction:column;flex:1;display:flex}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:15px 24px;display:flex}.topbar h1{font-size:18px;font-weight:600}.live-badge{background-color:var(--danger);color:#fff;letter-spacing:.5px;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:flex}.video-container{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.receiver-video{border:1px solid var(--border);object-fit:contain;background-color:#000;border-radius:8px;width:100%;max-width:1280px;height:100%;max-height:720px;box-shadow:0 10px 30px #00000080}.right-panel{background-color:var(--bg-panel);border-left:1px solid var(--border);flex-direction:column;width:300px;display:flex}.panel-header{border-bottom:1px solid var(--border);padding:20px}.panel-header h3{align-items:center;gap:8px;font-size:14px;display:flex}.chat-container{flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.chat-placeholder{color:#666;text-align:center;text-align:center;margin-top:20px;font-size:13px;font-style:italic}.beauty-filter{filter:brightness(1.15)contrast(.9)saturate(1.1)sepia(.1)}