.dashboard-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:800px;padding:20px}.dashboard-header{margin-bottom:30px;text-align:center}.dashboard-header .img__container{margin-bottom:20px}.dashboard-header .img__container img{height:auto;max-width:150px}.dashboard-header h1{color:#333;font-size:2.5rem;font-weight:300;margin:0}.dashboard-actions{margin-bottom:40px;text-align:center}.start-meeting-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 30px;transition:all .3s ease}.start-meeting-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.start-meeting-btn:active{transform:translateY(0)}.meeting-history h2{border-bottom:2px solid #f0f0f0;color:#333;font-size:1.8rem;font-weight:400;margin-bottom:20px;padding-bottom:10px}.meeting-list{display:flex;flex-direction:column;gap:15px}.meeting-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;justify-content:space-between;padding:20px;transition:all .3s ease}.meeting-item:hover{box-shadow:0 4px 20px #0000001a;transform:translateY(-1px)}.meeting-info{flex:1 1}.meeting-info h3{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 8px}.meeting-info .meeting-date{color:#666;font-size:.9rem;margin:4px 0}.meeting-info .meeting-status{font-size:.9rem;margin:8px 0 0}.meeting-info .meeting-status .status-active{color:#4caf50;font-weight:600}.meeting-info .meeting-status .status-left{color:#9e9e9e;font-weight:600}.meeting-info .rejoin-note{color:#888;font-size:.8rem;font-style:italic;margin:8px 0 0}.meeting-actions{display:flex;flex-shrink:0;gap:10px}.rejoin-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.rejoin-btn:hover{background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-1px)}.delete-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-weight:600;padding:10px 15px;transition:all .3s ease}.delete-btn:hover{background:#ffebee;border-color:#f44336;color:#f44336}.no-meetings{background:#f9f9f9;border:2px dashed #ddd;border-radius:12px;color:#666;font-size:1.1rem;padding:40px 20px;text-align:center}@media(max-width:768px){.dashboard-container{padding:15px}.dashboard-header h1{font-size:2rem}.meeting-item{align-items:flex-start;flex-direction:column;gap:15px}.meeting-item .meeting-actions{justify-content:flex-end;width:100%}.start-meeting-btn{max-width:300px;width:100%}}.App{min-height:100vh;overflow-x:hidden;overflow-y:auto;text-align:center;width:100vw}@media (max-width:768px){.video-grid{gap:4px;padding:4px}.video-tile{border-radius:8px}.controls-container{bottom:10px!important;gap:8px!important;left:50%!important;padding:8px!important;transform:translateX(-50%)!important}.controls-container .MuiIconButton-root{height:48px;width:48px}}@media (max-width:768px) and (orientation:landscape){.video-grid{height:calc(100vh - 60px)}.controls-container{bottom:5px!important;padding:4px 8px!important}.controls-container .MuiIconButton-root{height:40px;width:40px}}@media (pointer:coarse){.MuiIconButton-root{touch-action:manipulation}.video-tile{cursor:pointer}}*{touch-action:manipulation}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.dark-theme-message{background-color:#424242!important;border:1px solid #616161!important}.dark-theme-message,.dark-theme-message *,.dark-theme-message .MuiTypography-root{color:#fff!important}*{scroll-behavior:smooth!important}body,html{height:auto!important;overflow-x:hidden!important;overflow-y:auto!important;scroll-behavior:smooth!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0;text-rendering:optimizeLegibility}@media (max-width:768px){body{font-size:16px;line-height:1.5}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}#root{height:auto!important;min-height:100vh;overflow-x:hidden!important;overflow-y:auto!important}.scrollable-container{overflow-x:hidden;overflow-y:auto}:root{--scrollbar-width:12px;--scrollbar-track-color:#f5f5f5;--scrollbar-thumb-color:#1976d2;--scrollbar-thumb-hover-color:#1565c0;--scrollbar-thumb-active-color:#0d47a1}.theme-dark,[data-theme=dark],html.theme-dark,html[data-theme=dark]{--scrollbar-track-color:#2d2d2d;--scrollbar-thumb-color:#666;--scrollbar-thumb-hover-color:#777;--scrollbar-thumb-active-color:#555}* ::-webkit-scrollbar,::-webkit-scrollbar,body ::-webkit-scrollbar,html ::-webkit-scrollbar{height:12px!important;height:var(--scrollbar-width)!important;width:12px!important;width:var(--scrollbar-width)!important}* ::-webkit-scrollbar-track,::-webkit-scrollbar-track,body ::-webkit-scrollbar-track,html ::-webkit-scrollbar-track{background:#f5f5f5!important;background:var(--scrollbar-track-color)!important;border-radius:6px!important}* ::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb,body ::-webkit-scrollbar-thumb,html ::-webkit-scrollbar-thumb{background:#1976d2!important;background:var(--scrollbar-thumb-color)!important;border:2px solid #f5f5f5!important;border:2px solid var(--scrollbar-track-color)!important;border-radius:6px!important;-webkit-transition:background-color .2s ease!important;transition:background-color .2s ease!important}* ::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:hover,body ::-webkit-scrollbar-thumb:hover,html ::-webkit-scrollbar-thumb:hover{background:#1565c0!important;background:var(--scrollbar-thumb-hover-color)!important}* ::-webkit-scrollbar-thumb:active,::-webkit-scrollbar-thumb:active,body ::-webkit-scrollbar-thumb:active,html ::-webkit-scrollbar-thumb:active{background:#0d47a1!important;background:var(--scrollbar-thumb-active-color)!important}* ::-webkit-scrollbar-corner,::-webkit-scrollbar-corner,body ::-webkit-scrollbar-corner,html ::-webkit-scrollbar-corner{background:#f5f5f5!important;background:var(--scrollbar-track-color)!important}*,body,html{scrollbar-color:#1976d2 #f5f5f5!important;scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color)!important;scrollbar-width:thin!important}@media (prefers-contrast:high){:root{--scrollbar-thumb-color:#000;--scrollbar-track-color:#fff}.theme-dark,[data-theme=dark],html.theme-dark,html[data-theme=dark]{--scrollbar-thumb-color:#fff;--scrollbar-track-color:#000}}@media (prefers-reduced-motion:reduce){* ::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb,body ::-webkit-scrollbar-thumb,html ::-webkit-scrollbar-thumb{-webkit-transition:none!important;transition:none!important}}.MuiCssBaseline-root[data-mui-color-scheme=dark] ::-webkit-scrollbar-thumb,[data-mui-color-scheme=dark] ::-webkit-scrollbar-thumb{background:#666!important;border:2px solid #2d2d2d!important}.MuiCssBaseline-root[data-mui-color-scheme=dark] ::-webkit-scrollbar-track,[data-mui-color-scheme=dark] ::-webkit-scrollbar-track{background:#2d2d2d!important}.MuiDialog-root .custom-datetime-input input{box-sizing:border-box!important;font-size:.68rem!important;height:48px!important;line-height:1.6!important;min-height:48px!important;overflow:visible!important;padding:10px 12px!important}.MuiDialog-root .custom-datetime-input .MuiInputBase-input,.MuiDialog-root .custom-datetime-input .MuiInputBase-root{box-sizing:border-box!important;font-size:1rem!important;max-width:350px!important;min-width:0!important;overflow:visible!important;padding-right:48px!important;width:100%!important}