._homePage_1c724_1{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1f2e,#0f1419);padding:20px}._homeContainer_1c724_10{max-width:600px;width:100%;background:#1a1a1a;border-radius:20px;padding:40px;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1)}._homeContent_1c724_21{display:flex;flex-direction:column;gap:30px}._roomCard_1c724_27{background:#2a2a2a;padding:30px;border-radius:15px;border:1px solid rgba(255,255,255,.1)}._roomCard_1c724_27 h2{margin:0 0 10px;color:#fff;font-size:1.5em}._roomCard_1c724_27 p{margin:0 0 20px;color:#9ca3af}._primaryButton_1c724_45{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 30px;border-radius:10px;font-size:1.1em;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;width:100%}._primaryButton_1c724_45:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea66}._primaryButton_1c724_45:disabled{opacity:.5;cursor:not-allowed}._tabsContainer_1c724_69{background:transparent;border-radius:15px;border:none;overflow:visible}._tabsList_1c724_76{display:flex;align-items:stretch;gap:0;background:#1a1a1a;border:1.5px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden;margin:0}._tab_1c724_69{flex:1;padding:16px 32px;background:transparent;border:none;color:#9ca3af;font-size:1em;font-weight:500;cursor:pointer;position:relative}._tabLeft_1c724_100{clip-path:polygon(0 0,calc(100% - 20px) 0,calc(100% - 10px) 100%,0 100%);border-radius:0}._tabRight_1c724_105{clip-path:polygon(20px 0,100% 0,100% 100%,0px 100%);margin-left:-20px;border-radius:0}._tabLeft_1c724_100:hover:not(._tabActive_1c724_111){color:#d1d5db;background:#ffffff0d;clip-path:polygon(0 0,calc(100% + -0px) 0,calc(100% - 10px) 100%,0 100%)}._tabRight_1c724_105:hover:not(._tabActive_1c724_111){color:#d1d5db;background:#ffffff0d;clip-path:polygon(0px 0,100% 0,100% 100%,10px 100%)}._tabActive_1c724_111{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;z-index:1;transform:none}._tabContent_1c724_130{padding:30px;height:250px;position:relative}._tabPanel_1c724_136{opacity:1;position:absolute;top:30px;left:30px;right:30px}._tabPanel_1c724_136 h2{margin:0 0 10px;color:#fff;font-size:1.5em}._tabPanel_1c724_136 p{margin:0 0 20px;color:#9ca3af}._divider_1c724_155{display:flex;align-items:center;text-align:center;color:#6b7280;margin:10px 0}._divider_1c724_155:before,._divider_1c724_155:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.1)}._divider_1c724_155 span{padding:0 15px;font-weight:600;text-transform:uppercase;font-size:.9em}._inputGroup_1c724_177{display:flex;flex-direction:column;gap:15px}._roomInput_1c724_183{padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:1.1em;transition:border-color .3s;background:#1a1a1a;color:#fff}._roomInput_1c724_183:focus{outline:none;border-color:#667eea}._roomInput_1c724_183::placeholder{color:#6b7280}._homeFooter_1c724_202{margin-top:30px;text-align:center}._infoText_1c724_207{color:#9ca3af;font-size:.95em;margin:0;padding:15px;background:#2a2a2a;border-radius:10px;border-left:4px solid #667eea}._feedbackSection_1c724_217{margin-top:20px;text-align:center}._feedbackLink_1c724_222{color:#60a5fa;font-size:.95em;text-decoration:none;transition:color .2s;display:inline-block}._feedbackLink_1c724_222:hover{color:#93c5fd;text-decoration:underline}@media (max-width: 768px){._homeContainer_1c724_10{padding:30px 20px}._homeHeader_1c724_240 h1{font-size:2em}._roomCard_1c724_27{padding:20px}}._modal_1ihqb_3{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#1e1e1efa;border-radius:16px;padding:20px;min-width:350px;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #00000080;z-index:10000;border:2px solid rgba(59,130,246,.3)}._header_1ihqb_20{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid rgba(255,255,255,.1)}._headerContent_1ihqb_29 h3{margin:0;font-size:18px;color:#fff;font-weight:600}._headerContent_1ihqb_29 p{margin:4px 0 0;color:#9ca3af;font-size:13px}._closeButton_1ihqb_42{background:#ef444433;border:none;color:#fff;cursor:pointer;font-size:24px;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}._closeButton_1ihqb_42:hover{background:#ef444466}._participantsContainer_1ihqb_61{display:flex;flex-direction:column;gap:10px}._participantItem_1ihqb_67{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#ffffff0d;border-radius:8px;transition:all .2s}._participantItem_1ihqb_67:hover{background:#ffffff14}._participantName_1ihqb_81{color:#fff;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500}._muteButton_1ihqb_91{background:#34c759e6;border:none;border-radius:8px;padding:8px 16px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;display:flex;align-items:center;gap:6px}._muteButton_1ihqb_91._muted_1ihqb_106{background:#ef4444e6}._muteButton_1ihqb_91:hover{transform:scale(1.05)}._mediaControlsBottom_60xcd_3{position:fixed;bottom:0;left:0;right:0;width:100%;padding:16px 0;padding-bottom:calc(16px + env(safe-area-inset-bottom));display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);height:80px}._controlsWrapper_60xcd_19{display:flex;gap:20px;padding:12px 0;border-radius:0;position:relative;overflow:hidden;height:60px;align-items:center;width:100%;justify-content:center}._controlBtn_60xcd_32{width:48px;height:48px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:2px solid transparent;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}._controlBtn_60xcd_32:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;opacity:0;transition:opacity .3s ease}._controlBtn_60xcd_32._active_60xcd_58{background:linear-gradient(135deg,var(--success) 0%,#059669 100%);border-color:var(--success);box-shadow:0 0 20px #10b9814d}._controlBtn_60xcd_32._active_60xcd_58:before{background:#10b98133;opacity:1}._controlBtn_60xcd_32._inactive_60xcd_69{background:linear-gradient(135deg,var(--danger) 0%,#dc2626 100%);border-color:var(--danger);box-shadow:0 0 20px #ef44444d}._controlBtn_60xcd_32._inactive_60xcd_69:before{background:#ef444433;opacity:1}._controlBtn_60xcd_32:hover:not(:disabled){transform:scale(1.1) translateY(-2px);box-shadow:var(--shadow-glow)}._controlBtn_60xcd_32:active:not(:disabled){transform:scale(1.05) translateY(0)}._controlBtn_60xcd_32:disabled{opacity:.4;cursor:not-allowed;transform:none}._copyLinkBtn_60xcd_95{position:absolute;left:20px}._controlIcon_60xcd_100{font-size:24px;position:relative;z-index:1}._controlLabel_60xcd_106{font-size:10px;font-weight:600;position:relative;z-index:1;display:none}._feedbackContainer_60xcd_114{position:absolute;right:10px;font-size:12px}._feedbackContent_60xcd_120{display:flex;flex-direction:column;align-items:center}._feedbackContent_60xcd_120 a{color:wheat}@media (max-width: 768px){._mediaControlsBottom_60xcd_3{height:70px;padding:12px 0;padding-bottom:calc(12px + env(safe-area-inset-bottom))}._controlsWrapper_60xcd_19{height:50px;padding:8px 0;gap:16px}._controlBtn_60xcd_32{width:42px;height:42px}._controlIcon_60xcd_100{font-size:14px}._controlLabel_60xcd_106{font-size:8px}}@media (max-width: 480px){._mediaControlsBottom_60xcd_3{height:60px;padding:8px 0;padding-bottom:calc(8px + env(safe-area-inset-bottom))}._controlsWrapper_60xcd_19{height:44px;padding:6px 0;gap:12px}._controlBtn_60xcd_32{width:36px;height:36px}._controlIcon_60xcd_100{font-size:12px}._controlLabel_60xcd_106{font-size:7px}}._videoCard_u8ip5_1{position:relative;width:100%;height:100%;background-color:#1f2937;border-radius:6px;overflow:hidden;border:3px solid transparent;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}._videoCard_u8ip5_1._speaking_u8ip5_12{border-color:#10b981;box-shadow:0 0 20px #10b98180;animation:_pulse_u8ip5_1 1.5s ease-in-out infinite}@keyframes _pulse_u8ip5_1{0%,to{box-shadow:0 0 20px #10b98180}50%{box-shadow:0 0 30px #10b981cc}}._video_u8ip5_1{width:100%;height:100%;object-fit:cover}._placeholder_u8ip5_33{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1f2937,#111827)}._placeholderContent_u8ip5_42{display:flex;flex-direction:column;align-items:center;gap:12px}._avatar_u8ip5_49{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center}._avatarIcon_u8ip5_59{width:40px;height:40px;color:#fff}._userName_u8ip5_65{font-size:16px;color:#9ca3af;font-weight:500}._overlay_u8ip5_71{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:16px;display:flex;align-items:flex-end}._overlayContent_u8ip5_82{width:100%;display:flex;justify-content:space-between;align-items:center}._overlayName_u8ip5_89{color:#fff;font-size:14px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}._indicators_u8ip5_96{display:flex;gap:6px}._indicator_u8ip5_96{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}._indicatorGreen_u8ip5_111{background-color:#10b981e6}._indicatorRed_u8ip5_115{background-color:#ef4444e6}._indicatorGray_u8ip5_119{background-color:#6b7280e6}._indicatorIcon_u8ip5_123{width:16px;height:16px;color:#fff}._container_m10q6_1{width:100%;height:100%;display:flex;flex-direction:column;background-color:#f3f4f6;border-radius:12px;overflow:hidden;pointer-events:auto}._toolbar_m10q6_12{display:flex;gap:12px;padding:12px;background-color:#fff;border-bottom:1px solid #e5e7eb;align-items:center;flex-wrap:wrap}._infoMessage_m10q6_22{display:flex;flex:1 1 100%;padding:8px 12px;background-color:#dcfce7;border:1px solid #16a34a;border-radius:6px;font-size:13px;color:#15803d;margin-bottom:8px;align-items:center;gap:10px;pointer-events:none}._colorPickerLabel_m10q6_37{display:flex;align-items:center;gap:8px;font-size:14px}._colorInput_m10q6_44{width:40px;height:32px;cursor:pointer;border:1px solid #d1d5db;border-radius:4px}._lineWidthLabel_m10q6_52{display:flex;align-items:center;gap:8px;font-size:14px}._lineWidthInput_m10q6_59{width:100px}._lineWidthValue_m10q6_63{min-width:30px;text-align:center}._clearButton_m10q6_68{padding:8px 16px;background-color:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;margin-left:auto;transition:background-color .2s}._clearButton_m10q6_68:hover{background-color:#dc2626}._clearButton_m10q6_68:active{background-color:#b91c1c}._canvas_m10q6_89{flex:1;cursor:crosshair;background-color:#fff;display:block}._container_1i23r_1{display:flex;width:100%;height:100%;gap:16px;padding:16px;max-height:100%;overflow:hidden}._mainScreen_1i23r_11{flex:0 0 75%;display:flex;flex-direction:column;gap:16px}._whiteboardContainer_1i23r_18{width:100%;height:100%;max-height:100%;position:relative;border-radius:12px;overflow:hidden}._screenVideo_1i23r_27{width:100%;position:relative;border-radius:12px;overflow:hidden;background-color:#1f2937}._sidebar_1i23r_35{flex:0 0 calc(25% - 16px);display:flex;flex-direction:column;gap:12px;overflow-y:auto;max-height:100%}._sidebarItem_1i23r_44{width:100%;aspect-ratio:16/9;position:relative;border-radius:12px;overflow:hidden;background-color:#1f2937;flex-shrink:0}._sidebar_1i23r_35::-webkit-scrollbar{width:6px}._sidebar_1i23r_35::-webkit-scrollbar-track{background:#1f293780;border-radius:3px}._sidebar_1i23r_35::-webkit-scrollbar-thumb{background:#3b82f680;border-radius:3px}._sidebar_1i23r_35::-webkit-scrollbar-thumb:hover{background:#3b82f6b3}@keyframes _slideDown_10pea_1{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}._autoplayBanner_10pea_16{position:fixed;top:80px;left:50%;transform:translate(-50%);background:#ffc107fa;color:#000;padding:16px 24px;border-radius:12px;box-shadow:0 4px 16px #0000004d;z-index:10000;display:flex;align-items:center;gap:12px;max-width:90%;animation:_slideDown_10pea_1 .3s ease-out}._autoplayIcon_10pea_34{font-size:24px}._autoplayContent_10pea_38{flex:1}._autoplayTitle_10pea_42{font-weight:600;margin-bottom:2px}._autoplaySubtitle_10pea_47{font-size:13px;opacity:.9}._autoplayButton_10pea_52{background:#000;color:#fff;border:none;border-radius:8px;padding:10px 20px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s}._autoplayButton_10pea_52:hover{transform:scale(1.05)}._autoplayClose_10pea_68{background:transparent;border:none;color:#000;cursor:pointer;font-size:24px;padding:0 8px;font-weight:700}._gridWrapper_10pea_78{width:100%;height:calc(100vh - 140px);display:flex;flex-direction:column;background:transparent;padding:16px;overflow:hidden;margin:0 auto;box-sizing:border-box}._gridContainer_10pea_91{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}._grid_10pea_78{display:flex;flex-wrap:wrap;gap:16px;width:100%;max-width:100%;height:100%;max-height:100%;justify-content:center;align-items:center;align-content:center;box-sizing:border-box}._videoCard_10pea_114{position:relative;background:linear-gradient(135deg,#1a1f2e,#0f1419);border-radius:6px;overflow:hidden;box-shadow:0 4px 6px #0000004d;flex-shrink:0;flex-grow:0;box-sizing:border-box;aspect-ratio:16 / 9;min-height:100px;min-width:178px}._videoCardSingle_10pea_133{width:70%;max-width:1200px;height:auto}._videoCardTwoParticipants_10pea_140{height:min(calc(100vh - 172px),calc((50vw - 24px)*.5625));width:auto;max-width:calc(50% - 8px)}._videoCardTwoRows_10pea_148{height:min(calc((100vh - 188px)/2),calc((50vw - 24px)*.5625));width:auto;max-width:calc(50% - 8px)}._videoCardThreeRows_10pea_155{height:min(calc((100vh - 140px - 32px - 32px) / 3),calc((33.333vw - 27px)*.5625));width:auto;max-width:calc(33.333% - 11px)}._videoCardFourRows_10pea_162{height:min(calc((100vh - 220px)/4),calc((25vw - 28px)*.5625));width:auto;max-width:calc(25% - 12px)}._video_10pea_114{width:100%;height:100%;object-fit:cover;background:linear-gradient(135deg,#1a1f2e,#0f1419)}._placeholder_10pea_176{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1f2e,#0f1419)}._placeholderContent_10pea_185{display:flex;flex-direction:column;align-items:center;gap:12px}._userName_10pea_192{color:#fff;font-size:14px;font-weight:500}._avatar_10pea_198{width:80px;height:80px;border-radius:50%;background-color:#2563eb;display:flex;align-items:center;justify-content:center}._avatarLocal_10pea_208{background:linear-gradient(135deg,#16a34a,#059669)}._avatarText_10pea_212{color:#fff;font-weight:700;font-size:28px;text-shadow:0 2px 8px rgba(0,0,0,.4)}._overlay_10pea_220{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:12px}._overlayContent_10pea_229{display:flex;align-items:center;justify-content:space-between}._overlayName_10pea_235{color:#fff;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._indicators_10pea_244{display:flex;gap:8px}._indicator_10pea_244{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}._indicatorGreen_10pea_258{background-color:#16a34a}._indicatorRed_10pea_262{background-color:#dc2626}._indicatorGray_10pea_266{background-color:#4b5563}._empty_10pea_271{flex:1;display:flex;align-items:center;justify-content:center;text-align:center}._emptyText_10pea_279{color:#6b7280;font-size:18px;margin-top:16px}._navButton_10pea_286{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background-color:#0009;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background-color .2s}._navButton_10pea_286:hover{background-color:#000c}._navButtonLeft_10pea_308{left:16px}._navButtonRight_10pea_312{right:16px}._pageIndicator_10pea_317{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}._pageDot_10pea_327{width:8px;height:8px;border-radius:50%;background-color:#ffffff4d;transition:background-color .2s}._pageDotActive_10pea_335{background-color:#fff}@media (max-width: 768px){._gridWrapper_10pea_78{padding:12px}._title_10pea_345{font-size:20px}._subtitle_10pea_349{font-size:12px}._navButton_10pea_286{width:40px;height:40px}._navButtonLeft_10pea_308{left:8px}._navButtonRight_10pea_312{right:8px}}._participantsList_1836o_3{position:fixed;top:0;right:-320px;width:320px;height:100vh;background:var(--bg-secondary);border-left:1px solid rgba(91,110,225,.1);padding:80px 20px 20px;transition:right .3s ease;z-index:5;overflow-y:auto}._participantsList_1836o_3._open_1836o_17{right:0}._participantsList_1836o_3 h3{font-size:18px;color:var(--text-primary);margin-bottom:16px;font-weight:700}._participantsInfo_1836o_28{margin-bottom:16px}._autoConnectNotice_1836o_32{font-size:12px;color:var(--success);background:#10b9811a;padding:8px 12px;border-radius:8px;display:inline-block;border:1px solid rgba(16,185,129,.2)}._participantsContainer_1836o_42{display:flex;flex-direction:column;gap:12px}._participantItem_1836o_48{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-tertiary);border-radius:10px;border:1px solid rgba(91,110,225,.1);transition:all .3s ease}._participantItem_1836o_48:hover{background:var(--bg-control);border-color:#5b6ee14d}._participantId_1836o_64{font-family:monospace;font-size:13px;color:var(--text-secondary)}._connectPeerButton_1836o_70{padding:6px 14px;font-size:13px;background:var(--accent-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;font-weight:600}._connectPeerButton_1836o_70:hover{background:var(--accent-secondary);transform:translateY(-1px);box-shadow:0 4px 8px #5b6ee14d}._noParticipants_1836o_88{text-align:center;padding:40px 20px;color:var(--text-secondary)}._noParticipants_1836o_88 p{font-size:14px;margin-bottom:8px}._hint_1836o_99{font-size:12px;opacity:.7}._participantsList_1836o_3::-webkit-scrollbar{width:8px}._participantsList_1836o_3::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}._participantsList_1836o_3::-webkit-scrollbar-thumb{background:var(--bg-control);border-radius:4px}._participantsList_1836o_3::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}._appContainer_bftqf_3{width:100%;height:100%;display:flex;flex-direction:column;background:linear-gradient(135deg,#1a1f2e,#0f1419)}._connectOverlay_bftqf_11{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;background-color:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}._connectModal_bftqf_25{max-width:400px;width:90%;background-color:#1f2937;border-radius:12px;box-shadow:0 20px 60px #00000080}._modalContent_bftqf_33{text-align:center;color:#fff;padding:40px}._modalTitle_bftqf_39{margin-bottom:20px;font-size:24px;display:flex;align-items:center;justify-content:center;gap:10px}._modalDescription_bftqf_48{margin-bottom:20px;color:#9ca3af;font-size:14px}._modalInput_bftqf_54{width:100%;padding:12px;font-size:16px;border-radius:8px;border:2px solid #3b82f6;margin-bottom:20px;box-sizing:border-box;background-color:#111827;color:#fff}._modalButton_bftqf_66{width:100%;padding:12px 24px;font-size:16px;font-weight:600;border-radius:8px;border:none;background-color:#3b82f6;color:#fff;cursor:pointer;transition:all .2s}._modalButton_bftqf_66:disabled{background-color:#4b5563;cursor:not-allowed}._modalSecondaryButton_bftqf_84{width:100%;padding:12px 24px;font-size:14px;font-weight:500;border-radius:8px;border:1px solid #4b5563;background-color:transparent;color:#9ca3af;cursor:pointer;margin-top:10px;transition:all .2s}._modalFeedback_bftqf_98{margin-top:20px;padding-top:20px;border-top:1px solid #374151}._feedbackLink_bftqf_104{color:#60a5fa;font-size:13px;text-decoration:none;transition:color .2s}._feedbackLink_bftqf_104:hover{color:#93c5fd;text-decoration:underline}._loadingOverlay_bftqf_116{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1f2e,#0f1419);position:relative;overflow:hidden}._loadingModal_bftqf_127{background:var(--bg-secondary);border-radius:24px;box-shadow:var(--shadow-lg);width:90%;max-width:480px;padding:0;overflow:hidden;position:relative;z-index:1;border:1px solid rgba(91,110,225,.2)}._loadingContent_bftqf_140{text-align:center;color:#fff;padding:40px}._loadingContent_bftqf_140 h2{margin-bottom:20px}._videoChatContainer_bftqf_150{width:100%;height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#1a1f2e,#0f1419);position:relative}._topBar_bftqf_159{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:var(--bg-glass);border-bottom:1px solid rgba(255,255,255,.1);z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);box-shadow:var(--shadow-md)}._roomInfo_bftqf_172{display:flex;flex-direction:column;gap:2px}._roomName_bftqf_178{font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px;text-shadow:0 2px 4px rgba(0,0,0,.3)}._participantCount_bftqf_186{font-size:10px;color:var(--text-secondary);background:var(--bg-glass-hover);padding:2px 6px;border-radius:var(--border-radius-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}._topBarActions_bftqf_195{display:flex;align-items:center;gap:10px;margin-left:auto}._userNameBadge_bftqf_202{display:flex;align-items:center;gap:8px;padding:6px 12px;background-color:#3b82f633;border-radius:8px;border:1px solid rgba(59,130,246,.3)}._userNameBadge_bftqf_202 span{font-size:14px;color:#fff;font-weight:500}._changeNameButton_bftqf_218{background:transparent;border:none;color:#60a5fa;cursor:pointer;font-size:12px;padding:2px 6px;text-decoration:underline}._leaveButton_bftqf_228{padding:6px 12px;background:linear-gradient(135deg,var(--danger) 0%,#dc2626 100%);border-radius:var(--border-radius-sm);font-size:10px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);border:1px solid rgba(239,68,68,.3);color:#fff;cursor:pointer}._leaveButton_bftqf_228:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (max-width: 768px){._topBar_bftqf_159{padding:16px 20px}._roomName_bftqf_178{font-size:18px}}@media (max-width: 480px){._topBar_bftqf_159{padding:12px 16px}._roomName_bftqf_178{font-size:16px}}._container_1l28n_1{min-height:100vh;max-height:100vh;overflow-y:auto;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;color:#fff}._header_1l28n_10{text-align:center;margin-bottom:3rem}._title_1l28n_15{font-size:3rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 10px rgba(0,0,0,.2)}._subtitle_1l28n_22{font-size:1.2rem;opacity:.9}._dateRange_1l28n_27{font-size:1rem;opacity:.85;margin-top:.5rem;font-weight:500}._refreshButton_1l28n_34{background:#fff3;border:2px solid white;color:#fff;padding:.75rem 2rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}._refreshButton_1l28n_34:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 15px #0003}._refreshButton_1l28n_34:disabled{opacity:.5;cursor:not-allowed}._logoutButton_1l28n_59{background:#f003;border:2px solid rgba(255,255,255,.8);color:#fff;padding:.75rem 2rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}._logoutButton_1l28n_59:hover{background:#ff00004d;transform:translateY(-2px);box-shadow:0 4px 15px #0003}._statsGrid_1l28n_78{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}._statCard_1l28n_85{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.2)}._statLabel_1l28n_93{font-size:.9rem;opacity:.8;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}._statValue_1l28n_101{font-size:2.5rem;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.2)}._chartsGrid_1l28n_107{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:2rem;margin-bottom:2rem}._chartCard_1l28n_114{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;box-shadow:0 8px 30px #0000001a}._chartTitle_1l28n_122{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}._scrollableChart_1l28n_130{overflow-x:auto;overflow-y:hidden;width:100%;padding-bottom:1rem}._scrollableChart_1l28n_130::-webkit-scrollbar{height:8px}._scrollableChart_1l28n_130::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}._scrollableChart_1l28n_130::-webkit-scrollbar-thumb{background:#667eea80;border-radius:10px}._scrollableChart_1l28n_130::-webkit-scrollbar-thumb:hover{background:#667eeacc}._loading_1l28n_155{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;gap:1rem}._spinner_1l28n_164{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:_spin_1l28n_164 1s linear infinite}@keyframes _spin_1l28n_164{to{transform:rotate(360deg)}}._error_1l28n_177{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;gap:1rem;text-align:center}._errorTitle_1l28n_187{font-size:2rem;font-weight:700}._errorMessage_1l28n_192{font-size:1.2rem;opacity:.9}@media (max-width: 768px){._container_1l28n_1{padding:1rem}._title_1l28n_15{font-size:2rem}._chartsGrid_1l28n_107{grid-template-columns:1fr}._chartCard_1l28n_114{padding:1rem}}._container_1k544_1{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}._loginBox_1k544_10{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:3rem;box-shadow:0 8px 30px #0003;max-width:400px;width:100%;text-align:center}._icon_1k544_21{font-size:4rem;margin-bottom:1rem}._title_1k544_26{color:#333;font-size:2rem;font-weight:700;margin-bottom:.5rem}._subtitle_1k544_33{color:#666;font-size:1rem;margin-bottom:2rem}._form_1k544_39{display:flex;flex-direction:column;gap:1rem}._inputGroup_1k544_45{position:relative}._input_1k544_45{width:100%;padding:1rem 1.5rem;border:2px solid #e0e0e0;border-radius:50px;font-size:1rem;transition:all .3s ease;box-sizing:border-box}._input_1k544_45:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}._button_1k544_65{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:1rem 2rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}._button_1k544_65:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}._button_1k544_65:disabled{opacity:.5;cursor:not-allowed;transform:none}._error_1k544_89{color:#e53e3e;font-size:.9rem;margin-top:.5rem;animation:_shake_1k544_1 .3s ease}@keyframes _shake_1k544_1{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@media (max-width: 768px){._loginBox_1k544_10{padding:2rem}._title_1k544_26{font-size:1.5rem}}._overlay_113ql_1{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1f2e,#0f1419);padding:20px}._modal_113ql_15{max-width:500px;width:100%;background:#1f2937;border-radius:20px;padding:40px;box-shadow:0 20px 60px #00000080;text-align:center;border:1px solid rgba(255,255,255,.1)}._iconContainer_113ql_26{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:30px}._mobileIcon_113ql_34{color:#ef4444;animation:_shake_113ql_1 .5s ease-in-out infinite}._arrow_113ql_39{color:#60a5fa;font-size:32px;font-weight:700;animation:_slide_113ql_1 1.5s ease-in-out infinite}._desktopIcon_113ql_46{color:#10b981;animation:_pulse_113ql_1 2s ease-in-out infinite}@keyframes _shake_113ql_1{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes _slide_113ql_1{0%,to{transform:translate(0)}50%{transform:translate(10px)}}@keyframes _pulse_113ql_1{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}._title_113ql_67{color:#fff;font-size:28px;font-weight:700;margin:0 0 20px}._description_113ql_74{color:#9ca3af;font-size:16px;margin:0 0 25px;line-height:1.6}._infoBox_113ql_81{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:12px;padding:20px;margin-bottom:30px}._infoText_113ql_89{color:#60a5fa;font-size:15px;margin:0;line-height:1.6}._features_113ql_96{background:#2a2a2a;border-radius:12px;padding:20px;text-align:left}._featuresTitle_113ql_103{color:#fff;font-size:16px;font-weight:600;margin:0 0 15px;text-align:center}._featuresList_113ql_111{list-style:none;padding:0;margin:0;color:#9ca3af;font-size:14px}._featuresList_113ql_111 li{padding:8px 0;line-height:1.5;display:flex;align-items:center;gap:12px}._featuresList_113ql_111 li svg{color:#60a5fa;flex-shrink:0}@media (max-width: 480px){._modal_113ql_15{padding:30px 20px}._title_113ql_67{font-size:24px}._description_113ql_74{font-size:14px}._iconContainer_113ql_26{gap:15px}._mobileIcon_113ql_34,._desktopIcon_113ql_46{width:40px;height:40px}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0f1419;--bg-secondary: #1a1f2e;--bg-tertiary: #242b3d;--bg-control: #2d3548;--bg-glass: rgba(255, 255, 255, .05);--bg-glass-hover: rgba(255, 255, 255, .1);--text-primary: #ffffff;--text-secondary: #a1a9b8;--text-muted: #6b7280;--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-glow: rgba(99, 102, 241, .3);--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 20px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px rgba(99, 102, 241, .3);--border-radius: 16px;--border-radius-sm: 8px;--border-radius-lg: 24px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#1a1f2e,#0f1419);color:var(--text-primary);min-height:100vh;overflow:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(16,185,129,.05) 0%,transparent 50%);pointer-events:none;z-index:-1}#root{width:100vw;height:100vh}@keyframes pulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(180deg)}}.loading-dots{display:inline-block}.loading-dots span{animation:loading 1.4s infinite;opacity:0}.loading-dots span:nth-child(1){animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes loading{0%,20%{opacity:0}50%{opacity:1}to{opacity:0}}.input-group{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.input-group:last-child{margin-bottom:0}input{width:100%;padding:14px 18px;background:var(--bg-tertiary);border:2px solid transparent;border-radius:var(--border-radius);color:var(--text-primary);font-size:15px;transition:all .3s ease;outline:none}input::placeholder{color:var(--text-secondary)}input:focus{border-color:var(--accent-primary);background:var(--bg-control);box-shadow:0 0 0 4px #5b6ee11a}button{padding:14px 24px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff;border:none;border-radius:var(--border-radius);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm)}button:hover:not(:disabled){box-shadow:var(--shadow-md)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.video-grid::-webkit-scrollbar{width:8px}.video-grid::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.video-grid::-webkit-scrollbar-thumb{background:var(--bg-control);border-radius:4px}.video-grid::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.video-container{animation:fadeIn .4s ease-out}