@import"https://cdn.jsdelivr.net/npm/pretendard@1.3.6/dist/web/variable/pretendardvariable.css";@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";:root{font-family:Pretendard Variable,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}body{min-width:320px;min-height:100vh}#root{width:100%;height:100%;min-height:100vh;display:block}a{font-weight:500;color:#3674b5;text-decoration:inherit}a:hover{color:#2c5a94}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:inherit;line-height:inherit}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:transparent;cursor:pointer;transition:border-color .25s}button:hover{border-color:#3674b5}button:focus,button:focus-visible{outline:2px solid #3674B5;outline-offset:2px}._waitingRoomContainer_zjh5d_3{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#667eea,#beabd2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}._header_zjh5d_14{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;box-shadow:0 2px 20px #0000001a;display:flex;align-items:center;justify-content:center;height:80px;width:100%;margin-bottom:40px}._headerTitle_zjh5d_27{color:#fff;font-size:1.8rem;font-weight:700;text-align:center;margin:0}._mainContentArea_zjh5d_35{flex:1;display:flex;align-items:stretch;justify-content:center;padding:40px;gap:40px;width:100%}._previewArea_zjh5d_45{background:#2d3748f2;border-radius:20px;box-shadow:0 10px 30px #0000004d;padding:30px;max-width:500px;min-width:400px;height:550px;display:flex;flex-direction:column;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}._localVideoWrapper_zjh5d_60{position:relative;width:100%;height:250px;border-radius:15px;background:#0000004d;margin-bottom:30px;border:2px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;overflow:hidden}._localVideo_zjh5d_60{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:15px;object-fit:cover;opacity:0;transition:opacity .3s ease-in-out;z-index:1}._localVideo_zjh5d_60._visible_zjh5d_87{opacity:1;z-index:3}._cameraStatusOverlay_zjh5d_92{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;text-align:center;opacity:1;transition:opacity .3s ease-in-out;z-index:2}._cameraStatusOverlay_zjh5d_92._hidden_zjh5d_112{opacity:0;pointer-events:none;z-index:0}._cameraOffIcon_zjh5d_118{width:80px;height:80px;margin-bottom:10px;filter:invert(100%)}._controls_zjh5d_125{display:flex;justify-content:center;gap:20px;align-items:center}._controlButton_zjh5d_132{width:120px;height:50px;border-radius:25px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003;margin:0;color:#fff;font-size:1rem;font-weight:600}._controlButton_zjh5d_132._videoOn_zjh5d_146,._controlButton_zjh5d_132._micOn_zjh5d_146{background-color:#00c851}._controlButton_zjh5d_132._videoOff_zjh5d_150,._controlButton_zjh5d_132._micOff_zjh5d_150{background-color:#f44}._controlButton_zjh5d_132:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}._formWrapper_zjh5d_159{display:flex;flex-direction:column}._inputArea_zjh5d_164{background:#fffffff2;border-radius:20px;box-shadow:0 10px 30px #0003;padding:40px;width:400px;max-width:400px;height:550px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0}._inputArea_zjh5d_164 h2{color:#667eea;font-size:20px;font-weight:700;margin-bottom:10px;text-align:center}._inputArea_zjh5d_164 h2:before{content:"🔗 ";margin-right:8px}._inputArea_zjh5d_164 p{color:#718096;font-size:.8rem;margin-bottom:20px;text-align:center;line-height:1.4}._inputLabel_zjh5d_200{color:#4a5568;font-size:18px;font-weight:600;margin-bottom:8px;text-align:left}._inputField_zjh5d_208{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;margin-bottom:15px;box-sizing:border-box;transition:border-color .3s ease}._inputField_zjh5d_208:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}._deviceStatusInfo_zjh5d_225{color:#4a5568;font-size:.9rem;font-weight:600;margin-top:20px;margin-bottom:10px}._deviceStatusSuccess_zjh5d_233{color:#00c851;font-size:.8rem;margin-bottom:5px;display:flex;align-items:center}._deviceStatusSuccess_zjh5d_233:before{content:"✓ ";margin-right:8px;font-weight:700}._joinButton_zjh5d_247{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:20px;width:100%;box-shadow:0 4px 15px #667eea4d;height:50px}._joinButton_zjh5d_247:before{content:"🚀 ";margin-right:8px}._joinButton_zjh5d_247:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}@media (max-width: 768px){._mainContentArea_zjh5d_35{flex-direction:column;padding:20px;gap:20px}._previewArea_zjh5d_45,._inputArea_zjh5d_164{max-width:100%;height:auto}._localVideoWrapper_zjh5d_60{height:200px}}._fadeInUp_zjh5d_291{animation:_fadeInUp_zjh5d_291 .6s ease-out}@keyframes _fadeInUp_zjh5d_291{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}._recaptchaWrapper_zjh5d_306{display:flex;justify-content:center;align-items:center;margin-top:15px;margin-bottom:15px}._sessionRoomContainer_tcaoh_1{height:100vh;position:relative;display:flex;flex-direction:column}._header_tcaoh_8{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;box-shadow:0 2px 20px #0000001a;display:flex;align-items:center;justify-content:center;height:80px;width:100%;margin-bottom:40px}._headerTitle_tcaoh_21{color:#fff;font-size:1.8rem;font-weight:700;text-align:center;margin:0}._mainContentArea_tcaoh_29{display:flex;flex-grow:1;gap:8px;padding:8px}._mainVideoArea_tcaoh_36{position:relative;flex-grow:1;display:flex;flex-direction:column}._bottomModules_tcaoh_44{display:flex;flex-direction:row;gap:8px;padding:4px;height:80px;min-height:80px;max-height:100px;overflow-x:auto;align-items:stretch;justify-content:center}._bottomModules_tcaoh_44 ._dropZone_tcaoh_57{min-width:80px;max-width:120px;flex:1 1 auto;height:78%;background:linear-gradient(135deg,#fff,#f8faff);border-radius:150px;margin:3px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}._bottomModules_tcaoh_44 ._dropZone_tcaoh_57:hover{border-color:#578fca;background:linear-gradient(135deg,#f7faff,#e8f4ff);transform:translateY(-2px);box-shadow:0 6px 20px #578fca33}._bottomModules_tcaoh_44 ._dropZoneLabel_tcaoh_81{color:#4a5568;font-size:12px;font-weight:600;text-align:center;display:block}._moduleButton_tcaoh_89{width:100%;height:100%;background:linear-gradient(135deg,#293465 0,#40334d);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}._moduleButton_tcaoh_89:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}._buttonIcon_tcaoh_110{font-size:1.5rem;margin-bottom:4px;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}._buttonName_tcaoh_116{font-size:.7rem;font-weight:600;text-align:center;line-height:1.2}._neonLeaveBtn_tcaoh_123{width:120px;height:60px;background:linear-gradient(135deg,#ff4757,#c44569);border:2px solid #ff6b7a;border-radius:30px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #ff47574d,inset 0 1px #fff3;position:relative;overflow:hidden}._bottomModules_tcaoh_44::-webkit-scrollbar{height:6px}._bottomModules_tcaoh_44::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}._bottomModules_tcaoh_44::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}._bottomModules_tcaoh_44::-webkit-scrollbar-thumb:hover{background:#94a3b8}._leaveButtonDropZone_tcaoh_164{background:linear-gradient(135deg,#e74c3c,#c0392b);border:2px solid #c0392b}._leaveButtonDropZone_tcaoh_164:hover{background:linear-gradient(135deg,#c0392b,#a93226);border-color:#a93226;transform:translateY(-2px)}._mainStageContainer_gs4gt_3{position:relative;flex-grow:1;background-color:#202020;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;border:1px solid #404040;cursor:default;transition:none;pointer-events:none}._mainStageContainer_gs4gt_3:hover{border-color:#404040;background-color:#202020;transform:none;box-shadow:none}._mainVideoElement_gs4gt_24{width:100%;height:100%;object-fit:cover}._dropZoneLabel_gs4gt_30{color:#fff;opacity:.7;font-size:16px;font-weight:500;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none}._mainStageLayer_gs4gt_45{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;overflow:hidden}._pinnedVideoLayer_gs4gt_55{z-index:1}._screenShareLayer_gs4gt_56{z-index:2}._whiteboardLayer_gs4gt_57{z-index:3;pointer-events:auto}._whiteboardOverlay_gs4gt_63{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:auto}._pipVideoWrapper_gs4gt_74{position:absolute;bottom:20px;right:20px;width:200px;height:120px;border-radius:8px;overflow:hidden;border:2px solid #6200ea;box-shadow:0 4px 12px #0000004d;z-index:10;pointer-events:auto}._pipVideoElement_gs4gt_88{width:100%;height:100%;object-fit:cover}._canvasLayer_gs4gt_95{z-index:3;background-color:transparent;pointer-events:none}._canvasLayer_gs4gt_95._standalone_gs4gt_101{background-color:#fff}._canvasLayer_gs4gt_95 ._canvasContainer_gs4gt_105,._canvasLayer_gs4gt_95 ._canvasToolbar_gs4gt_106{pointer-events:auto}._videoPaused_gs4gt_111:after{content:attr(data-username);position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0a0a0ae6;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;pointer-events:none;z-index:10}._videoWrapper_gs4gt_129{position:relative;width:100%;height:100%;pointer-events:auto}._aiCanvas_gs4gt_136{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none}._cameraOffOverlay_gs4gt_146{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#202020;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;z-index:10}._avatarPlaceholder_gs4gt_162{width:100px;height:100px;border-radius:50%;background-color:#404040;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#bbb;margin-bottom:10px}._whiteboardContainer_1h6tr_3{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;display:flex;flex-direction:column;pointer-events:auto}._toolbar_1h6tr_16{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;gap:8px;padding:8px;background-color:#f0f0f0;border-radius:8px;box-shadow:0 2px 10px #0003;z-index:101}._toolButton_1h6tr_31{padding:8px 12px;border:1px solid #ccc;background-color:#fff;border-radius:4px;cursor:pointer;line-height:1;font-size:14px}._toolButton_1h6tr_31._active_1h6tr_41{background-color:#007bff;color:#fff;border-color:#007bff}._colorPicker_1h6tr_47{border:none;padding:0;width:32px;height:32px;cursor:pointer;border-radius:4px}._widthSlider_1h6tr_56{cursor:pointer;width:80px}._konvaContainer_1h6tr_62{width:100%;height:100%;flex-grow:1;box-sizing:border-box;margin:0;padding:0;position:relative}._backgroundModeGroup_1h6tr_72{display:flex;gap:4px;margin-left:8px}._controlBarContainer_18q11_4{display:flex;flex-direction:row;gap:8px;padding:4px;height:80px;min-height:80px;max-height:100px;overflow-x:auto;align-items:stretch;justify-content:center}._controlButton_18q11_18{min-width:80px;max-width:120px;flex:1 1 auto;height:78%;background:linear-gradient(135deg,#293465 0,#40334d);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}._controlButton_18q11_18:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}._controlButton_18q11_18._active_18q11_41{background:linear-gradient(135deg,#007bff,#0056b3);border:1px solid #007bff}._buttonIcon_18q11_46{font-size:1.5rem;margin-bottom:4px;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}._buttonName_18q11_52{font-size:.7rem;font-weight:600;text-align:center;line-height:1.2}._leaveButton_18q11_60{width:120px;height:60px;background:linear-gradient(135deg,#ff4757,#c44569);border:2px solid #ff6b7a;border-radius:30px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #ff47574d,inset 0 1px #fff3;position:relative;overflow:hidden}._leaveButton_18q11_60:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff475766}._controlBarContainer_18q11_4::-webkit-scrollbar{height:6px}._controlBarContainer_18q11_4::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}._controlBarContainer_18q11_4::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}._controlBarContainer_18q11_4::-webkit-scrollbar-thumb:hover{background:#94a3b8}._sidebarContainer_1csz3_3{width:280px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding:4px;background:#ffffff0d;border-radius:12px;flex-shrink:0}._chatContainer_1cd3x_3{position:fixed;bottom:20px;right:20px;width:360px;height:500px;background-color:#fff;border-radius:12px;box-shadow:0 5px 15px #0003;display:flex;flex-direction:column;z-index:1000;overflow:hidden}._chatHeader_1cd3x_18{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#f7f7f7;border-bottom:1px solid #e0e0e0}._chatHeader_1cd3x_18 h3{margin:0;font-size:16px}._closeButton_1cd3x_32{background:none;border:none;font-size:24px;cursor:pointer;color:#888}._messageList_1cd3x_40{flex:1;padding:16px;overflow-y:auto}._message_1cd3x_40{margin-bottom:12px}._sender_1cd3x_50{font-weight:700;font-size:14px;margin-bottom:4px;display:block}._text_1cd3x_57{margin:0;padding:8px 12px;background-color:#e9e9eb;border-radius:18px;display:inline-block;max-width:90%;font-size:14px}._chatInputForm_1cd3x_67{display:flex;padding:16px;border-top:1px solid #e0e0e0}._chatInput_1cd3x_67{flex:1;border:1px solid #ccc;border-radius:20px;padding:8px 12px;font-size:14px}._sendButton_1cd3x_81{margin-left:8px;border:none;background-color:#007bff;color:#fff;border-radius:20px;padding:8px 16px;cursor:pointer;font-weight:700}._modalOverlay_e7kqx_3{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;transition:opacity .3s ease-in-out}._modalOverlay_e7kqx_3._visible_e7kqx_18{opacity:1}._modal_e7kqx_3{background:#fff;border-radius:12px;padding:30px;box-shadow:0 8px 25px #0000004d;width:90%;max-width:550px;position:relative;transform:translateY(-20px);transition:transform .3s ease-in-out}._modalOverlay_e7kqx_3._visible_e7kqx_18 ._modal_e7kqx_3{transform:translateY(0)}._modalHeader_e7kqx_38{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e0;padding-bottom:15px;margin-bottom:20px}._modalTitle_e7kqx_47{margin:0;font-size:1.8rem;color:#333;font-weight:600}._modalCloseButton_e7kqx_54{background:none;border:none;font-size:2rem;cursor:pointer;color:#888;padding:0;line-height:1;transition:color .2s ease}._modalCloseButton_e7kqx_54:hover{color:#333;transform:rotate(90deg)}._modalContent_e7kqx_70{font-size:1.1rem;color:#555;line-height:1.6;margin-bottom:20px}._modalFooter_e7kqx_77{display:flex;justify-content:flex-end;gap:10px;padding-top:15px;border-top:1px solid #e0e0e0}._modalFooter_e7kqx_77 button{padding:10px 20px;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .2s ease,color .2s ease}._modalFooter_e7kqx_77 button._primary_e7kqx_93{background-color:#007bff;color:#fff;border:1px solid #007bff}._modalFooter_e7kqx_77 button._primary_e7kqx_93:hover{background-color:#0056b3;border-color:#0056b3}._modalFooter_e7kqx_77 button._secondary_e7kqx_104{background-color:#f0f0f0;color:#333;border:1px solid #ccc}._modalFooter_e7kqx_77 button._secondary_e7kqx_104:hover{background-color:#e0e0e0}._participantContainer_158xi_3{width:100%;aspect-ratio:16 / 9;background-color:#333;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;position:relative;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .2s}._participantContainer_158xi_3:hover{border-color:#0af}._participantVideo_158xi_24{width:100%;height:100%;object-fit:cover}._participantName_158xi_30{position:absolute;bottom:5px;left:8px;background:#0009;color:#fff;padding:2px 6px;border-radius:4px;font-size:12px;z-index:10}._statusIndicatorContainer_158xi_43{position:absolute;bottom:5px;right:5px;display:flex;gap:5px;z-index:20}._audioMutedIndicator_158xi_52,._videoPausedIndicator_158xi_53{width:24px;height:24px;background-color:#fff9;border-radius:50%;background-repeat:no-repeat;background-position:center}._audioMutedIndicator_158xi_52{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='feather%20feather-mic-off'%3e%3cline%20x1='1'%20y1='1'%20x2='23'%20y2='23'%3e%3c/line%3e%3cpath%20d='M9%209v3a3%203%200%200%200%205.12%202.12M15%209.34V4a3%203%200%200%200-5.94-.6'%3e%3c/path%3e%3cpath%20d='M17%2016.95A7%207%200%200%201%205%2012v-2m14%200v2a7%207%200%200%201-.11%201.23'%3e%3c/path%3e%3cline%20x1='12'%20y1='19'%20x2='12'%20y2='23'%3e%3c/line%3e%3cline%20x1='8'%20y1='23'%20x2='16'%20y2='23'%3e%3c/line%3e%3c/svg%3e");background-size:14px}._videoPausedIndicator_158xi_53{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='feather%20feather-video-off'%3e%3cpath%20d='M16%2016v1a2%202%200%200%201-2%202H3a2%202%200%200%201-2-2V7a2%202%200%200%201%202-2h2m5.66%200H14a2%202%200%200%201%202%202v3.34l1%201L23%207v10'%3e%3c/path%3e%3cline%20x1='1'%20y1='1'%20x2='23'%20y2='23'%3e%3c/line%3e%3c/svg%3e");background-size:16px}._cameraOffOverlay_158xi_73{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#202020;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;z-index:10}._avatarPlaceholder_158xi_89{width:60px;height:60px;border-radius:50%;background-color:#404040;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#bbb;margin-bottom:8px}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow-x:hidden}#root{width:100%;margin:0 auto;padding:2rem;text-align:center}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{width:100%;overflow-x:hidden}.tenant-dashboard{width:100%;height:100vh;display:flex;flex-direction:column;background-color:#fff;font-family:Pretendard Variable,Malgun Gothic,sans-serif;overflow:hidden}.dashboard-header{flex-shrink:0;width:100%;background-color:#007bff;display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:70px;box-shadow:0 2px 4px #0000001a}.dashboard-header h1{color:#fff;font-size:24px;font-weight:700;display:flex;align-items:center;gap:12px}.role-badge{display:inline-block;padding:4px 8px;font-size:12px;font-weight:700;border-radius:4px;text-transform:uppercase}.role-badge.admin{background-color:#dc3545;color:#fff}.role-badge.manager{background-color:#fd7e14;color:#fff}.role-badge.user{background-color:#198754;color:#fff}.logout-button{background-color:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:100px}.logout-button:hover{background-color:#fff3;border-color:#ffffff80;transform:translateY(-1px);box-shadow:0 2px 8px #0003}.tab-navigation{flex-shrink:0;width:100%;background-color:#fff;border-bottom:2px solid #ddd;display:flex;overflow-x:auto;min-height:48px;box-shadow:0 2px 4px #0000001a}.tab-button{padding:12px 24px;background:none;border:none;cursor:pointer;font-size:14px;color:#666;transition:all .3s ease;border-bottom:3px solid transparent;white-space:nowrap;flex-shrink:0;min-width:120px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit}.tab-button:hover:not(.disabled){background-color:#f8f9fa;color:#333}.tab-button.active{background-color:#fff;color:#007bff;border-bottom-color:#007bff;font-weight:700;box-shadow:0 -2px 4px #007bff4d}.tab-button.disabled{opacity:.4;cursor:not-allowed;display:none}.tab-icon{font-size:16px}.tab-label{font-size:14px}.tab-content{flex:1;overflow:auto;background-color:#f8f9fa;padding:20px}.temp-content{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 4px #0000001a;max-width:1200px;margin:0 auto}.temp-content h2{color:#333;margin-bottom:15px;font-size:28px}.temp-content p{color:#666;margin-bottom:20px;font-size:16px}.file-info{margin-top:20px}.file-path{background-color:#f0f8ff;padding:12px 16px;border-radius:6px;font-family:Courier New,monospace;color:#06c;font-size:14px;margin-bottom:20px;border-left:4px solid #007bff}.placeholder-box{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;padding:20px;margin-top:20px}.placeholder-header{font-size:18px;font-weight:600;color:#495057;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #dee2e6}.placeholder-item{background:#fff;padding:12px 16px;margin:8px 0;border-radius:4px;border:1px solid #e9ecef;color:#6c757d}.module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-top:15px}.module-card-placeholder{background:#fff;padding:20px;border-radius:6px;border:1px solid #e9ecef;text-align:center;color:#6c757d;min-height:120px;display:flex;align-items:center;justify-content:center}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:#fff;padding:30px;border-radius:12px;box-shadow:0 10px 40px #0000004d;min-width:400px;max-width:500px;text-align:center;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-content h3{font-size:24px;margin-bottom:15px;color:#333}.modal-content p{font-size:16px;color:#666;margin-bottom:25px;line-height:1.5}.modal-buttons{display:flex;gap:15px;justify-content:center}.confirm-btn,.cancel-btn{padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:100px}.confirm-btn{background-color:#007bff;color:#fff}.confirm-btn:hover{background-color:#0056b3;transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.cancel-btn{background-color:#6c757d;color:#fff}.cancel-btn:hover{background-color:#5a6268;transform:translateY(-2px);box-shadow:0 4px 12px #6c757d4d}.tab-content::-webkit-scrollbar{width:8px;height:8px}.tab-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.tab-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.tab-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 768px){.dashboard-header{padding:0 15px;height:60px}.dashboard-header h1{font-size:20px}.logout-button{padding:6px 12px;font-size:12px;min-width:80px}.tab-navigation{overflow-x:scroll}.tab-button{padding:10px 16px;min-width:100px;font-size:12px}.tab-icon{font-size:14px}.tab-label{display:none}.tab-content{padding:15px}.temp-content{padding:20px}.modal-content{min-width:90%;margin:20px}}@media (max-width: 480px){.dashboard-header h1{font-size:18px}.role-badge{font-size:10px;padding:2px 6px}.tab-button{min-width:60px;padding:10px}}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;margin:0;padding:0;font-family:Pretendard Variable,-apple-system,BlinkMacSystemFont,sans-serif}#_root_1owpv_1{width:100%;min-height:100vh}._homePage_1owpv_24{width:100%;min-height:100vh;overflow-x:hidden;position:relative}._container_1owpv_31{max-width:1200px;margin:0 auto;padding:0 20px;width:100%}._button_1owpv_39{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:4px;cursor:pointer;font-weight:500;font-size:16px;transition:all .3s ease;text-decoration:none;font-family:inherit}._primaryButton_1owpv_54{background-color:#3674b5;color:#fff;border:1px solid #3674B5}._primaryButton_1owpv_54:hover{background-color:#2c5a94}._outlineButton_1owpv_64{background-color:transparent;color:#3674b5;border:1px solid #3674B5}._outlineButton_1owpv_64:hover{background-color:#3674b5;color:#fff}._header_1owpv_76{position:fixed;top:0;left:0;right:0;width:100%;height:76px;z-index:1000;background-color:#fff;box-shadow:0 4px 8px #0000001a;display:flex;align-items:center}._headerContainer_1owpv_90{display:flex;justify-content:space-between;align-items:center;height:100%;max-width:1200px;margin:0 auto;padding:0 20px;width:100%;box-sizing:border-box}._logo_1owpv_102{color:#3674b5;font-weight:600;font-size:24px;cursor:pointer;margin:0;transition:color .3s ease;padding-left:35px}._logo_1owpv_102:hover{color:#2c5a94}._nav_1owpv_116{display:flex;align-items:center;margin-right:20px}._joinButton_1owpv_122{background:none;border:none;color:#333;font-size:17px;cursor:pointer;padding:8px 16px;border-radius:4px;transition:all .3s ease;margin-right:25px}._joinButton_1owpv_122:hover{background-color:#f8f9fa;color:#3674b5}._heroSection_1owpv_140{position:relative;width:100%;min-height:100vh;margin-top:76px;text-align:center;padding:80px 20px;display:flex;align-items:center;justify-content:center;background-size:cover;background-repeat:no-repeat;background-position:center;overflow:hidden}._heroSection_1owpv_140:before{content:"";position:absolute;inset:0;background-image:url(/images/main/inswave.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.4;z-index:0}._heroSection_1owpv_140{position:relative;width:100%;min-height:100vh;margin-top:76px;text-align:center;padding:80px 20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb,#90caf9);background-size:cover;background-repeat:no-repeat;background-position:center;overflow:hidden}._heroContent_1owpv_191{position:relative;z-index:1;max-width:800px;margin:0 auto;width:100%}._subtitle_1owpv_199{font-size:15px;font-weight:500;color:#333;margin-bottom:20px;margin-top:0}._title_1owpv_207{font-weight:770;margin-bottom:20px;font-size:50px;color:#2c3e50;line-height:1.2}._description_1owpv_215{font-weight:400;font-size:18px;margin-bottom:40px;color:#555;line-height:1.5;max-width:600px;margin-left:auto;margin-right:auto;padding:12px}._buttonGroup_1owpv_227{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding-left:20px}._statsSection_1owpv_236{width:100%;padding:80px 20px;background-color:#fff;text-align:center}._statsSubtitle_1owpv_243{font-size:16px;color:#6c757d;margin-bottom:20px;letter-spacing:.5px}._statsTitle_1owpv_250{font-size:32px;font-weight:700;color:#2c3e50;margin-bottom:60px;line-height:1.3}._statsGrid_1owpv_258{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;max-width:1200px;margin:0 auto;width:100%}._statItem_1owpv_267{text-align:center}._statValue_1owpv_271{font-size:28px;font-weight:700;color:#3674b5;margin-bottom:10px;line-height:1.2}._statLabel_1owpv_279{font-size:17px;color:#666;line-height:1.4}._featuresSection_1owpv_286{width:100%;background-color:#f5f5f6;padding:80px 20px;text-align:center}._featuresTitle_1owpv_293{font-size:32px;font-weight:700;color:#2c3e50;margin-bottom:20px;line-height:1.3}._featuresSubtitle_1owpv_301{font-size:16px;color:#6c757d;margin-bottom:60px;line-height:1.5}._featuresGrid_1owpv_308{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:1200px;margin:0 auto;width:100%}._featureCard_1owpv_317{padding:30px;border-radius:13px;background-color:#fff;text-align:left;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 2px 10px #00000014;display:flex;flex-direction:column;gap:15px}._featureCard_1owpv_317:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}._featureIcon_1owpv_335{width:45px;height:45px;background-repeat:no-repeat;background-size:45px 45px;background-position:center;margin-bottom:15px;display:flex;align-items:center;justify-content:center;font-size:24px;background-color:#f0f8ff;border-radius:8px;border:2px solid #e3f2fd}._customIcon_1owpv_351{background-image:url(/images/main/main_custom.png)}._customIcon_1owpv_351:before{content:"🎨";display:none}._aiIcon_1owpv_360{background-image:url(/images/main/main_AI.png)}._aiIcon_1owpv_360:before{content:"🤖";display:none}._videoIcon_1owpv_369{background-image:url(/images/main/main_video.png)}._videoIcon_1owpv_369:before{content:"📹";display:none}._sharingIcon_1owpv_378{background-image:url(/images/main/main_share.png)}._sharingIcon_1owpv_378:before{content:"📺";display:none}._canvasIcon_1owpv_387{background-image:url(/images/main/main_canvas.png)}._canvasIcon_1owpv_387:before{content:"🎭";display:none}._chatIcon_1owpv_396{background-image:url(/images/main/main_chat.png)}._chatIcon_1owpv_396:before{content:"💬";display:none}._featureTitle_1owpv_405{font-size:20px;font-weight:700;color:#2c3e50;margin-bottom:10px}._featureDescription_1owpv_412{font-size:15px;color:gray;line-height:1.5}._testimonialsSection_1owpv_419{width:100%;padding:80px 20px;text-align:center;background-color:#fff}._testimonialsTitle_1owpv_426{font-size:32px;font-weight:700;color:#2c3e50;margin-bottom:15px}._testimonialsSubtitle_1owpv_433{font-size:16px;color:#6c757d;margin-bottom:60px;line-height:1.5}._testimonialsGrid_1owpv_440{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;width:100%}._testimonialCard_1owpv_449{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 20px #00000014;transition:transform .3s ease,box-shadow .3s ease;text-align:left}._testimonialCard_1owpv_449:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}._stars_1owpv_463{display:flex;justify-content:flex-start;margin-bottom:20px;gap:2px}._star_1owpv_463{color:#ffc107;font-size:18px}._testimonialText_1owpv_475{font-size:16px;line-height:1.6;color:#495057;margin-bottom:25px;font-style:italic}._testimonialAuthor_1owpv_483{display:flex;flex-direction:column;gap:5px}._authorName_1owpv_489{font-size:16px;font-weight:600;color:#3674b5}._authorPosition_1owpv_495{font-size:14px;color:#6c757d}._ctaSection_1owpv_501{width:100%;background:linear-gradient(135deg,#3674b5,#578fca,#4a90e2);padding:80px 20px;text-align:center;color:#fff}._ctaContent_1owpv_509{max-width:600px;margin:0 auto;width:100%}._ctaTitle_1owpv_515{font-size:36px;font-weight:700;color:#fff;margin-bottom:20px;line-height:1.3}._ctaDescription_1owpv_523{font-size:16px;color:#ffffffe6;margin-bottom:40px;line-height:1.5}._ctaForm_1owpv_530{display:flex;max-width:400px;margin:0 auto;gap:12px;align-items:center;width:100%}._emailInput_1owpv_539{flex:1;height:50px;padding:0 16px;border:none;border-radius:8px;font-size:14px;background:#ffffff26;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}._emailInput_1owpv_539::placeholder{color:#ffffffb3}._ctaButton_1owpv_555{height:50px;padding:0 24px;border:2px solid white;background-color:transparent;color:#fff;border-radius:8px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .3s ease}._ctaButton_1owpv_555:hover{background-color:#ffffff1a;transform:translateY(-1px)}._ctaInfo_1owpv_573{font-size:12px;color:#ffffffb3;margin-top:16px}._companySection_1owpv_580{width:100%;background-color:#fff;padding:80px 20px;text-align:center}._companyTitle_1owpv_587{font-size:18px;color:#666;font-weight:400;margin-bottom:50px;letter-spacing:.5px}._logosContainer_1owpv_595{max-width:1000px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:40px;width:100%}._logoItem_1owpv_606{flex:1;min-width:120px;display:flex;justify-content:center;align-items:center;opacity:.7;transition:opacity .3s ease}._logoItem_1owpv_606:hover{opacity:1}._microsoftLogo_1owpv_620{font-size:24px;font-weight:600;color:#00a1f1;display:flex;align-items:center;gap:8px}._microsoftLogo_1owpv_620:before{content:"";width:20px;height:20px;background:linear-gradient(45deg,#f25022 25%,#7fba00 25% 50%,#00a4ef 50% 75%,#ffb900 75%);display:inline-block}._amazonLogo_1owpv_637{font-size:24px;font-weight:700;color:#f90;position:relative}._amazonLogo_1owpv_637:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#f90;border-radius:2px}._netflixLogo_1owpv_655{font-size:24px;font-weight:700;color:#e50914;text-transform:uppercase;letter-spacing:1px}._samsungLogo_1owpv_663{font-size:24px;font-weight:400;color:#1428a0;text-transform:uppercase;letter-spacing:2px}._footer_1owpv_672{width:100%;background:linear-gradient(135deg,#578fca,#3674b5);padding:60px 20px 40px;color:#fff;font-size:14px}._footerContent_1owpv_680{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;max-width:1200px;margin:0 auto 40px;width:100%}._brandSection_1owpv_690{padding-right:20px}._brandLogo_1owpv_694{font-size:24px;font-weight:700;color:#fff;margin-bottom:15px}._brandDescription_1owpv_701{font-size:14px;color:#fffc;line-height:1.5;margin-bottom:20px}._footerSection_1owpv_708{padding-right:20px}._footerTitle_1owpv_712{font-size:16px;font-weight:600;color:#fff;margin-bottom:20px}._footerLinks_1owpv_719{list-style:none;padding:0;margin:0}._footerLinks_1owpv_719 li{margin-bottom:12px}._footerLinks_1owpv_719 a{display:block;color:#fffc;text-decoration:none;transition:color .3s ease}._footerLinks_1owpv_719 a:hover{color:#fff}._footerBottom_1owpv_740{display:flex;justify-content:space-between;align-items:center;padding-top:30px;border-top:1px solid rgba(255,255,255,.2);max-width:1200px;margin:0 auto;width:100%}._copyright_1owpv_751{font-size:14px;color:#fff9}._footerBottomLinks_1owpv_756{display:flex;gap:20px}._footerBottomLinks_1owpv_756 a{color:#fff9;text-decoration:none;font-size:14px;transition:color .3s ease}._footerBottomLinks_1owpv_756 a:hover{color:#fffc}@media (max-width: 768px){._header_1owpv_76{height:76px}._headerContainer_1owpv_90{padding:0 15px}._logo_1owpv_102{font-size:20px;padding-left:20px}._joinButton_1owpv_122{font-size:15px;padding:6px 12px;margin-right:15px}._heroSection_1owpv_140{min-height:100vh;padding:60px 15px;margin-top:76px}._heroSection_1owpv_140:before{background-size:cover;background-position:center}._title_1owpv_207{font-size:36px}._description_1owpv_215{font-size:16px}._statsGrid_1owpv_258{grid-template-columns:repeat(2,1fr);gap:20px}._featuresGrid_1owpv_308{grid-template-columns:1fr;gap:20px}._testimonialsSection_1owpv_419{padding:60px 15px}._testimonialsTitle_1owpv_426{font-size:28px}._testimonialsGrid_1owpv_440{grid-template-columns:1fr;gap:20px}._testimonialCard_1owpv_449{padding:25px}._logosContainer_1owpv_595{flex-direction:column;gap:30px}._logoItem_1owpv_606{min-width:auto}._companyTitle_1owpv_587{font-size:16px}._footerContent_1owpv_680{grid-template-columns:1fr;gap:30px}._footerBottom_1owpv_740{flex-direction:column;gap:20px;text-align:center}._footerBottomLinks_1owpv_756{flex-wrap:wrap;justify-content:center}._ctaForm_1owpv_530{flex-direction:column;max-width:100%;gap:15px}._emailInput_1owpv_539,._ctaButton_1owpv_555{width:100%;max-width:300px}._buttonGroup_1owpv_227{flex-direction:column;align-items:center;gap:15px}._button_1owpv_39{width:100%;max-width:300px}}@media (max-width: 480px){._header_1owpv_76{height:76px}._logo_1owpv_102{font-size:18px;padding-left:15px}._joinButton_1owpv_122{font-size:14px;padding:5px 10px;margin-right:10px}._heroSection_1owpv_140{min-height:100vh;padding:50px 15px;margin-top:76px}._title_1owpv_207{font-size:28px;line-height:1.3}._description_1owpv_215{font-size:14px}._statsGrid_1owpv_258{grid-template-columns:1fr;gap:25px}._featuresGrid_1owpv_308,._testimonialsGrid_1owpv_440{grid-template-columns:1fr}._ctaTitle_1owpv_515{font-size:28px}._statsSection_1owpv_236,._featuresSection_1owpv_286,._testimonialsSection_1owpv_419,._ctaSection_1owpv_501,._companySection_1owpv_580{padding:50px 15px}}body{font-family:Pretendard,sans-serif;min-height:100vh;padding:40px 20px;color:#2d3748;line-height:1.6;background:linear-gradient(135deg,#e0f2fe,#fff);display:flex;justify-content:center;align-items:center;margin:0}.container{max-width:540px;width:100%;margin:0 auto;background:#fffffffa;border-radius:24px;padding:48px;box-shadow:0 15px 60px #3674b526;border:1px solid rgba(255,255,255,.6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}h1{font-size:36px;font-weight:800;color:#1a202c;margin-bottom:12px;text-align:center}.subtitle{color:#718096;font-size:17px;margin-bottom:40px;text-align:center}.form-group{margin-bottom:28px}.form-group label{display:block;font-size:15px;font-weight:600;margin-bottom:10px;color:#2d3748}.required{color:#ef4444;font-weight:700}input[type=text],input[type=password],input[type=email]{width:100%;height:52px;padding:14px 18px;border:1px solid #cbd5e0;border-radius:12px;font-size:15px;transition:all .2s ease;box-sizing:border-box;background-color:#f7fafc}input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;background-color:#fff}input:read-only{background-color:#edf2f7;color:#718096;cursor:not-allowed}.input-group{display:flex;gap:12px}.input-group input{flex:1}.btn-check{height:52px;background:#4299e1;color:#fff;border:none;padding:14px 24px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:110px;box-shadow:0 4px 12px #4299e14d}.btn-check:hover{transform:translateY(-2px);box-shadow:0 6px 18px #4299e166}.submit-button{width:100%;height:60px;background:#3b82f6;color:#fff;border:none;padding:18px 32px;border-radius:16px;font-size:18px;font-weight:800;cursor:pointer;transition:all .3s ease;margin-top:36px;box-shadow:0 10px 30px #3b82f666}.submit-button:hover{transform:translateY(-3px);box-shadow:0 15px 40px #3b82f680}.type-selector .radio-group{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:10px}.type-selector .radio-option{display:flex;justify-content:center;align-items:center;padding:15px 20px;border:2px solid #cbd5e0;border-radius:12px;font-weight:600;font-size:16px;color:#4a5568;cursor:pointer;transition:all .2s ease;background-color:#fff;box-shadow:0 2px 8px #0000000d}.type-selector .radio-option.active{border-color:#3b82f6;color:#3b82f6;background-color:#eff6ff;box-shadow:0 4px 15px #3b82f633}.type-selector .radio-option input[type=radio]{display:none}.help-text{font-size:13px;color:#718096;margin-top:8px}.terms-section{background:#e2f2ff;border:1px solid #a8d7ff;border-radius:16px;padding:28px;margin:32px 0}.terms-title{font-size:16px;font-weight:700;margin-bottom:18px;color:#2b6cb0}.terms-list{list-style:none;padding:0}.terms-list li{margin-bottom:12px;font-size:14px;color:#4a5568;padding-left:20px;position:relative}.terms-list li:before{content:"•";position:absolute;left:0;color:#3b82f6}.terms-checkbox{display:flex;align-items:center;gap:12px;margin-top:20px;padding:18px;background:#fff;border-radius:12px;border:1px solid #e2e8f0}#chk_agree_html{width:20px;height:20px;accent-color:#3b82f6;cursor:pointer}.terms-checkbox label{margin:0;font-weight:500}.btn-kakao{width:100%;height:52px;background:#fee500;color:#1a1a1a;border:1px solid #F9CC00;border-radius:12px;font-size:16px;font-weight:800;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #fee50066}.btn-kakao:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffeb3b99}.kakao-user-info{background:#dbeafe;border:1px solid #60a5fa;border-radius:12px;padding:18px;color:#1e40af;font-weight:600;text-align:center;margin-bottom:28px}.subdomain-group{display:flex;align-items:center;border:1px solid #cbd5e0;border-radius:12px;padding:0 18px;background-color:#f7fafc}.subdomain-group:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;background-color:#fff}.subdomain-group input{border:none!important;height:48px!important;padding:0 10px!important;box-shadow:none!important;background-color:transparent!important}.subdomain-group input:focus{box-shadow:none!important;border-color:transparent!important}.subdomain-group span{color:#718096;font-weight:500;white-space:nowrap}.error-message{color:#ef4444;font-size:13px;margin-top:8px}.success-message{color:#22c55e;font-size:13px;margin-top:8px}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#f0f2f5;font-family:Pretendard,sans-serif}.login-container{width:100%;max-width:400px;padding:40px;background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;text-align:center}.login-title{font-size:28px;font-weight:800;margin-bottom:8px;color:#1a202c}.login-subtitle{font-size:16px;color:#718096;margin-bottom:32px}.login-form .form-group{margin-bottom:24px;text-align:left}.login-form label{display:block;margin-bottom:8px;font-weight:600;font-size:14px;color:#4a5568}.login-form input{width:100%;height:50px;padding:0 16px;border:1px solid #cbd5e0;border-radius:8px;font-size:16px;transition:all .2s ease}.login-form input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.btn-login{width:100%;height:50px;border:none;border-radius:8px;background-color:#3b82f6;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-login:hover{background-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.divider{display:flex;align-items:center;text-align:center;margin:32px 0;color:#a0aec0;font-size:12px;font-weight:600}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #e2e8f0}.divider:not(:empty):before{margin-right:.5em}.divider:not(:empty):after{margin-left:.5em}.btn-kakao{width:100%;height:50px;padding:0;border:1px solid #FEE500;background-color:#fee500;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-kakao:hover{box-shadow:0 4px 12px #0000001a}.btn-kakao img{width:100%;height:100%;object-fit:contain}.session-info-step{flex:1;display:flex;align-items:flex-start;justify-content:center;min-height:calc(100vh - 120px);padding:20px;background:linear-gradient(135deg,#f8faff,#f0f4ff)}.step-container{width:100%;max-width:600px;background:#fff;border-radius:12px;padding:40px;box-shadow:0 8px 32px #00000014;border:1px solid #e2e8f0}.step-header{text-align:center;margin-bottom:8px}.step-title{font-size:28px;font-weight:700;color:#2d3748;margin:0}.session-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-label{font-weight:600;font-size:16px;color:#374151;display:flex;align-items:center;gap:4px;text-align:left}.form-label.required:after{content:"*";color:#ef4444;font-weight:500}.optional{font-weight:400;color:#64748b;font-size:14px}.form-input{padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;transition:all .2s ease;background:#fff}.form-input:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a}.form-input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-input::placeholder{color:#94a3b8}.integrated-datetime-selector{width:100%}.datetime-input-group{display:flex;align-items:center;background:linear-gradient(135deg,#f8faff,#f0f4ff);border:2px solid #e2e8f0;border-radius:16px;padding:4px;gap:4px;box-shadow:0 4px 12px #0000000a;transition:all .2s ease}.datetime-input-group:hover{border-color:#c7d2fe;box-shadow:0 6px 16px #0000000f}.datetime-input-group:focus-within{border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a}.date-input-section{flex:2}.time-input-section{flex:1.5;display:flex;align-items:center;gap:4px;justify-content:center}.datetime-input{border:none;background:#fff;border-radius:12px;padding:12px 16px;font-size:16px;font-weight:500;transition:all .2s ease;width:100%;cursor:pointer}.datetime-input:focus{outline:none;box-shadow:0 2px 8px #4285f426;transform:translateY(-1px)}.datetime-input.error{box-shadow:0 2px 8px #ef444426}.datetime-input:disabled{background-color:#f1f5f9;color:#94a3b8;cursor:not-allowed;opacity:.6}.hour-part,.minute-part{min-width:70px;text-align:center;font-weight:500}.datetime-separator{font-size:16px;font-weight:500;color:#4285f4;margin:0 2px}.form-select{flex:1;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;transition:all .2s ease;background:#fff;cursor:pointer}.form-select:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a}.form-select.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-select:disabled{background-color:#f1f5f9;color:#94a3b8;cursor:not-allowed}.date-input{flex:1;cursor:pointer}.date-input::-webkit-calendar-picker-indicator{cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease}.date-input::-webkit-calendar-picker-indicator:hover{background-color:#f1f5f9}.form-hint{color:#64748b;font-size:14px;font-weight:400;margin:4px 0 0;line-height:1.4}.error-message{color:#ef4444;font-size:14px;font-weight:500;margin-top:4px}.duration-control{display:flex;flex-direction:column;align-items:center;gap:12px;margin:16px 0}.duration-guide{font-size:13px;color:#64748b;text-align:center;margin:0 0 8px;line-height:1.4;font-weight:500}.duration-guide.animate-duration-guide{animation:guideGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#4285f414,#1976d214);padding:6px 12px;border-radius:6px}.duration-preset-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.duration-preset-btn{padding:8px 16px;border:2px solid #4285f4;border-radius:20px;background:#fff;color:#4285f4;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.duration-preset-btn:hover{background:#4285f4;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #4285f44d}.duration-preset-btn.animate-duration{animation:durationButtonPulse 2s ease-in-out infinite;border-color:#4285f4;box-shadow:0 0 0 2px #4285f433}.duration-preset-btn.animate-duration:hover{animation:none}.duration-reset-btn{padding:8px 16px;border:2px solid #ef4444;border-radius:20px;background:#fff;color:#ef4444;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;margin-left:8px}.duration-reset-btn:hover{background:#ef4444;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.current-duration{font-size:14px;font-weight:500;color:#64748b;padding:8px 12px;background:#f8faff;border-radius:8px;border:1px solid #e2e8f0}.readonly-time-display{padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;background:#f8faff;color:#4a5568;font-weight:500;min-height:48px;display:flex;align-items:center}.date-part{margin-right:16px;color:#4a5568;font-weight:500}.time-part{color:#4a5568;font-weight:500}.form-actions{margin-top:16px;display:flex;justify-content:flex-end;animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.next-button{background:linear-gradient(135deg,#4285f4,#1976d2);color:#fff;border:none;padding:14px 28px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;min-width:140px;justify-content:center;position:relative;overflow:hidden;box-shadow:0 4px 15px #4285f466}.form-group.animate-step .form-input,.form-group.animate-step .datetime-input-group{border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a;animation:fieldPulse 2s ease-in-out infinite}.form-group.animate-hint .form-hint{animation:hintGlow 2s ease-in-out infinite!important;background:linear-gradient(135deg,#4285f426,#1976d226)!important;padding:6px 10px!important;border-radius:4px!important;margin:4px 0 0!important}.form-group.completed-step .form-input,.form-group.completed-step .datetime-input-group,.form-group.completed-step .readonly-time-display,.form-input.completed-input{border:2px solid #10b981!important;box-shadow:0 0 0 3px #10b9811a!important;animation:none}.form-group.completed-step .form-hint{animation:none;background:none;padding:4px 0;border-left:none;border-radius:0}.next-button:not(.ready-to-animate){animation:none}.next-button.step-completed{animation:none}@keyframes fieldPulse{0%{border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a}50%{border-color:#1976d2;box-shadow:0 0 0 5px #4285f44d}to{border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a}}@keyframes durationButtonPulse{0%{border-color:#4285f4;box-shadow:0 0 0 2px #4285f433;transform:scale(1)}50%{border-color:#1976d2;box-shadow:0 0 0 4px #4285f466;transform:scale(1.05)}to{border-color:#4285f4;box-shadow:0 0 0 2px #4285f433;transform:scale(1)}}@keyframes guideGlow{0%{background:linear-gradient(135deg,#4285f414,#1976d214);box-shadow:0 1px 4px #4285f41a}50%{background:linear-gradient(135deg,#4285f41f,#1976d21f);box-shadow:0 2px 8px #4285f426;transform:scale(1.01)}to{background:linear-gradient(135deg,#4285f414,#1976d214);box-shadow:0 1px 4px #4285f41a}}@media (max-width: 768px){.step-container{padding:30px 20px;margin:0 10px}.step-title{font-size:24px}.step-subtitle{font-size:14px}.form-row{grid-template-columns:1fr;gap:16px}.form-input{font-size:16px}.datetime-input-group{flex-direction:column;gap:8px;padding:12px}.date-input-section{flex:none}.time-input-section{flex:none;justify-content:center}.datetime-input{font-size:16px;padding:10px 14px}.hour-part,.minute-part{min-width:60px}.datetime-separator{font-size:18px}}@media (max-width: 480px){.session-info-step{padding:20px 10px}.step-container{padding:20px 16px}}.module-list{width:280px;height:100%;background:#f8f9fa;border-right:1px solid #e9ecef;overflow-y:auto;padding:1rem;box-sizing:border-box;flex-shrink:0}.module-list-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e9ecef}.module-list-title-container{display:flex;align-items:center;gap:8px;margin-bottom:8px}.module-list-title{font-size:18px;font-weight:600;color:#343a40;margin:0}.placed-count-badge{font-size:12px;font-weight:600;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;background:#e3f2fd;color:#1976d2;border:1px solid #bbdefb}.module-list-subtitle{font-size:14px;color:#6c757d;margin:0}.module-categories{display:flex;flex-direction:column;gap:18px}.module-category{display:flex;flex-direction:column;gap:8px}.category-title{font-size:14px;font-weight:600;color:#495057;margin:0;padding-left:4px}.category-modules{display:flex;flex-direction:column;gap:6px}.module-card{display:flex;align-items:center;gap:12px;padding:6px 12px;background:#fff;border:1px solid #dee2e6;border-radius:8px;cursor:grab;transition:all .2s ease;-webkit-user-select:none;user-select:none;position:relative;min-height:42px}.module-card:hover{border-color:#adb5bd;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.module-card:active{cursor:grabbing;transform:scale(.98)}.module-card.dragging{opacity:.5;transform:rotate(5deg);box-shadow:0 4px 12px #00000026}.module-icon{font-size:18px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0}.module-info{flex:1;min-width:0}.module-name{font-size:14px;font-weight:600;color:#343a40;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.module-description{font-size:11px;color:#6c757d;margin:0 0 6px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.module-meta{display:flex;align-items:center;gap:6px}.module-badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.module-badge.basic{background:#e3f2fd;color:#1976d2}.module-badge.premium{background:#f3e5f5;color:#7b1fa2}.module-badge.ai{background:#e8f5e8;color:#388e3c}.module-price{font-size:10px;font-weight:600;color:#d32f2f;background:#ffebee;padding:2px 6px;border-radius:4px}.module-list::-webkit-scrollbar{width:6px}.module-list::-webkit-scrollbar-track{background:transparent}.module-list::-webkit-scrollbar-thumb{background:#ced4da;border-radius:3px}.module-list::-webkit-scrollbar-thumb:hover{background:#adb5bd}.module-card[data-category=basic]{border-left:3px solid #2196f3}.module-card[data-category=premium]{border-left:3px solid #9c27b0}.module-card[data-category=ai]{border-left:3px solid #4caf50}.module-card.placed{opacity:.5;cursor:not-allowed;background:#f5f5f5;border-color:#d6d8db;pointer-events:none}.module-card.placed .module-icon{color:#adb5bd!important}.module-card.placed .module-name,.module-card.placed .module-description{color:#adb5bd}.module-card.placed .module-badge,.module-card.placed .module-price{background:#e9ecef;color:#6c757d}.loading-spinner{display:flex;justify-content:center;align-items:center;padding:40px 20px}.spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #4285f4;border-radius:50%;animation:spin 1s linear infinite}.error-message{margin-top:8px;padding:8px 12px;background:#fff3cd;border:1px solid #ffeeba;border-radius:4px;color:#856404;font-size:12px}.no-modules-message{text-align:center;padding:40px 20px;color:#6c757d}.no-modules-message p{margin:0 0 8px;font-size:14px;font-weight:500}.no-modules-message small{font-size:12px;color:#adb5bd}.color-picker-container{background:#fff;border-radius:12px;border:1px solid #e1e5e9;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .2s ease}.color-picker-container:hover{border-color:#d1d9e0;box-shadow:0 4px 12px #0000001f}.color-picker-header{padding:16px;display:flex;align-items:center;justify-content:space-between;background:#f8f9fa;border-bottom:1px solid #e1e5e9}.color-picker-title{margin:0;font-size:14px;font-weight:600;color:#374151}.current-colors{display:flex;gap:8px;align-items:center}.color-preview{width:24px;height:24px;border-radius:6px;border:2px solid white;box-shadow:0 0 0 1px #0000001a;transition:transform .2s ease}.color-preview:hover{transform:scale(1.1)}.color-preview.primary,.color-preview.secondary{position:relative}.color-picker-content{padding:20px;background:#fff}.color-section{margin-bottom:20px}.color-section:last-child{margin-bottom:0}.color-label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:12px}.color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.color-option{width:40px;height:40px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.color-option:hover{transform:scale(1.05);border-color:#0003}.color-option.selected{border-color:#374151;transform:scale(1.05);box-shadow:0 0 0 2px #3b82f680}.color-option.selected:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:14px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.color-preview-section{padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e1e5e9}.preview-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:12px}.preview-item span:first-child{color:#6b7280;font-weight:500}.preview-item span:last-child{font-family:monospace;font-size:11px}.custom-color-input{display:flex;align-items:center;gap:8px;margin-top:12px;padding:8px;background:#f8f9fa;border-radius:6px;border:1px solid #e1e5e9}.color-input{width:40px;height:40px;border:none;border-radius:6px;cursor:pointer;outline:none;transition:transform .2s ease}.color-input:hover{transform:scale(1.05)}.color-input::-webkit-color-swatch-wrapper{padding:0;border:none}.color-input::-webkit-color-swatch{border:2px solid white;border-radius:6px;box-shadow:0 0 0 1px #0000001a}.color-input-label{font-size:12px;color:#6b7280;font-weight:500}@media (max-width: 768px){.color-picker-header{padding:12px}.color-picker-content{padding:16px}.color-grid{grid-template-columns:repeat(3,1fr)}.color-option{width:36px;height:36px}}.drop-zones-container{flex:1;padding:1%;background:#fff;overflow-y:auto;overflow-x:hidden;width:100%;box-sizing:border-box}.drop-zones-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5%;padding-bottom:1%;border-bottom:1px solid #e9ecef}.drop-zones-info{flex:1}.drop-zones-actions{display:flex;align-items:center;gap:12px}.clear-btn,.save-btn,.prev-btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.prev-btn{background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6}.prev-btn:hover{background:#e9ecef;color:#495057;transform:translateY(-1px)}.drop-zones-title{font-size:18px;font-weight:600;color:#343a40;margin:0 0 8px}.drop-zones-subtitle{font-size:14px;color:#6c757d;margin:0}.drop-zones-layout{display:flex;flex-direction:column;height:100%;width:100%;box-sizing:border-box}.layout-content-area{display:flex;gap:20px;height:100%;flex:1}.drop-zones-main{display:flex;flex-direction:column;flex:1;gap:10px}.main-content{flex:2;min-height:60%}.bottom-content{flex:1;min-height:30%}.color-picker-sidebar{width:280px;flex-shrink:0;height:100%}.main-content{grid-area:main;display:flex;flex-direction:column;align-items:stretch;width:100%;box-sizing:border-box;overflow:hidden}.sidebar-content{grid-area:sidebar;display:flex;flex-direction:column;gap:10px}.bottom-content{grid-area:bottom;display:grid;grid-template-columns:repeat(15,1fr);gap:.3%;padding:.3%;width:100%;min-height:100px;box-sizing:border-box}.drop-zone{border:2px dashed #dee2e6;border-radius:6px;background:#f8f9fa;padding:1%;transition:all .3s ease;position:relative;min-height:120px;display:flex;flex-direction:column;box-sizing:border-box}.drop-zone.main_video{flex:1;height:100%;background:linear-gradient(135deg,#fff,#f8faff);border-color:#c7d2fe}.drop-zone.sidebar{min-height:150px;background:linear-gradient(135deg,#fff3e0,#ffe0b2)}.drop-zone.bottom{min-height:80px;background:linear-gradient(135deg,#fff,#f8faff);border:3px dashed #a8b5d1;font-size:10px;padding:.3%}.drop-zone.bottom_modules{min-height:100px;max-height:120px;grid-column:1 / -1;background:linear-gradient(135deg,#fff,#f8faff);border:3px dashed #a8b5d1;flex-direction:row;align-items:center;justify-content:center;padding:16px}.drop-zone.bottom_modules .drop-zone-header,.drop-zone.bottom_modules .drop-zone-footer{display:none}.drop-zone.bottom_modules .drop-zone-content{flex:1;display:flex;align-items:center;justify-content:center;gap:0}.bottom-content .drop-zone.bottom .drop-zone-content{height:30px!important;min-height:30px!important;max-height:30px!important;flex:0 0 30px!important;overflow:hidden;display:flex!important;align-items:center!important;justify-content:center!important}.drop-zone.drag-over{border-color:#007bff;background:#007bff1a;transform:scale(1.02);box-shadow:0 4px 12px #007bff33}.drop-zone.empty .drop-zone-content{display:flex;align-items:center;justify-content:center;flex:1}.drop-zone-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.1)}.drop-zone-title{font-size:16px;font-weight:600;color:#343a40;margin:0}.drop-zone-info{display:flex;align-items:center;gap:8px}.slot-count{font-size:12px;font-weight:600;color:#6c757d;background:#ffffffb3;padding:2px 6px;border-radius:4px}.drop-zone-content{flex:1;display:flex;flex-direction:column;gap:12px}.drop-zone.bottom_modules .drop-zone-content{align-items:center;justify-content:center}.drop-zone-placeholder{text-align:center;padding:32px 16px}.placeholder-icon{font-size:32px;margin-bottom:12px;opacity:.5}.placeholder-text{font-size:14px;font-weight:600;color:#6c757d;margin:0 0 4px}.placeholder-hint{font-size:12px;color:#adb5bd;margin:0}.placed-modules{display:flex;flex-direction:column;gap:8px;height:100%}.placed-modules.horizontal-layout{flex-direction:row!important;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;padding:16px;height:auto;min-height:80px}.placed-module{background:linear-gradient(135deg,#f0f7ff,#e6f3ff);border:2px solid #4285f4;border-radius:8px;padding:12px;box-shadow:0 3px 8px #4285f433;transition:all .2s ease;flex:1;display:flex;flex-direction:column;min-height:0}.horizontal-layout .placed-module{flex:none;width:80px;height:80px;padding:4px;min-height:auto;max-height:none;border-radius:12px;cursor:move;position:relative;box-sizing:border-box}.placed-module-content.icon-only{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;position:relative;gap:0}.horizontal-layout .placed-module-icon{font-size:32px;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.horizontal-layout .remove-module-btn{position:absolute;top:-4px;right:-4px;width:18px;height:18px;border-radius:8px;background:#dc3545;color:#fff;border:none;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}.horizontal-layout .remove-module-btn:hover{background:#c82333;transform:scale(1.1)}.placed-module:hover{box-shadow:0 4px 12px #4285f44d;transform:translateY(-2px);border-color:#3367d6}.placed-module[data-size=large]{min-height:120px}.placed-module[data-size=medium]{min-height:80px}.placed-module[data-size=small]{min-height:60px}.drop-zone.bottom .placed-module{min-height:30px;max-height:35px;height:32px;padding:4px}.drop-zone.bottom .placed-module-content{gap:2px}.drop-zone.bottom .placed-module-icon{font-size:12px}.drop-zone.bottom .placed-module-name{font-size:9px;margin:0}.drop-zone.bottom .placed-module-description{font-size:8px;line-height:1.1;margin:0}.placed-module-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;position:relative;flex:1;height:100%;text-align:center}.placed-module-icon{font-size:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.placed-module-info{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%}.placed-module-name{font-size:16px;font-weight:600;color:#1a73e8;margin:0 0 4px;text-align:center}.placed-module-description{font-size:12px;color:#5f6368;margin:0;line-height:1.4;text-align:center}.placed-module.fixed{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-color:#ffc107;box-shadow:0 3px 8px #ffc1074d;cursor:not-allowed}.placed-module.fixed:hover{box-shadow:0 4px 12px #ffc10766;border-color:#ffb300;transform:none}.placed-module.fixed .placed-module-name{color:#b8860b}.placed-module:not(.fixed){cursor:grab}.placed-module:not(.fixed):active{cursor:grabbing}.placed-module.dragging{opacity:.5;transform:rotate(2deg) scale(1.05);z-index:1000;cursor:grabbing}.remove-module-btn{position:absolute;top:-4px;right:-4px;width:20px;height:20px;background:#dc3545;color:#fff;border:none;border-radius:8px;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease;z-index:1}.placed-module:hover .remove-module-btn{opacity:1}.remove-module-btn:hover{background:#c82333;transform:scale(1.1)}.empty-slots{display:flex;flex-direction:column;gap:8px}.empty-slot{border:1px dashed #ced4da;border-radius:6px;padding:16px;text-align:center;background:#ffffff80;min-height:60px;display:flex;align-items:center;justify-content:center}.empty-slot-text{font-size:12px;color:#adb5bd;font-style:italic}.drop-zone-footer{margin-top:8px;padding-top:8px;border-top:1px solid rgba(0,0,0,.1)}.accepted-categories{font-size:11px;color:#6c757d;font-weight:500}.drop-zones-container::-webkit-scrollbar{width:6px}.drop-zones-container::-webkit-scrollbar-track{background:transparent}.drop-zones-container::-webkit-scrollbar-thumb{background:#ced4da;border-radius:3px}.drop-zones-container::-webkit-scrollbar-thumb:hover{background:#adb5bd}.drop-zones-container.read-only .drop-zone{border-style:solid;cursor:default}.placed-module.read-only{cursor:default}.placed-module.read-only:hover{transform:none;box-shadow:0 3px 8px #4285f433}.layout-designer.read-only{pointer-events:none}.layout-designer.read-only .drop-zone{pointer-events:auto}@media (max-width: 1024px){.layout-content-area{flex-direction:column}.color-picker-sidebar{width:100%;height:auto;margin-top:10px}.sidebar-content{grid-area:sidebar;flex-direction:row;overflow-x:auto}.drop-zone.sidebar{min-width:250px;flex-shrink:0}}.drop-zones-container.initial-animation .drop-zone:not(.main_video){border:3px solid #4285f4;box-shadow:0 0 20px #4285f44d;animation:dropZonePulse 2s ease-in-out infinite}@keyframes dropZonePulse{0%,to{border-color:#4285f4;box-shadow:0 0 20px #4285f44d;transform:scale(1)}50%{border-color:#1976d2;box-shadow:0 0 30px #4285f480;transform:scale(1.02)}}.save-btn.next-button-animation{animation:nextButtonPulse 2s ease-in-out infinite;box-shadow:0 0 20px #007bff80}@keyframes nextButtonPulse{0%,to{background:#007bff;box-shadow:0 0 20px #007bff80;transform:scale(1)}50%{background:#0056b3;box-shadow:0 0 30px #007bffcc;transform:scale(1.05)}}.insert-indicator{width:4px;height:80px;background:#007bff;border-radius:2px;margin:0 8px;position:relative;animation:insertPulse 1s infinite;box-shadow:0 0 10px #007bff80}.insert-indicator:before{content:"";position:absolute;top:-6px;left:-4px;width:12px;height:12px;background:#007bff;border-radius:50%;box-shadow:0 0 6px #007bffcc}.insert-indicator:after{content:"";position:absolute;bottom:-6px;left:-4px;width:12px;height:12px;background:#007bff;border-radius:50%;box-shadow:0 0 6px #007bffcc}@keyframes insertPulse{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.7;transform:scaleY(1.1)}}.horizontal-layout.drag-spacing .placed-module{margin-right:12px;transition:margin-right .2s ease}.horizontal-layout.drag-spacing .placed-module:last-child{margin-right:0}.layout-designer{display:flex;flex-direction:column;width:100%;height:85vh;background:#f5f6fa}.layout-designer-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 1px 3px #0000001a;z-index:10;min-height:70px;box-sizing:border-box;flex-shrink:0}.layout-designer-info{flex:1}.layout-designer-title{font-size:20px;font-weight:600;color:#2c3e50;margin:0 0 4px}.layout-designer-subtitle{font-size:14px;color:#6c757d;margin:0}.layout-designer-actions{display:flex;align-items:center;gap:12px}.clear-btn,.save-btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.clear-btn{background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6}.clear-btn:hover:not(:disabled){background:#e9ecef;color:#495057}.clear-btn:disabled{opacity:.5;cursor:not-allowed}.save-btn{background:#007bff;color:#fff}.save-btn:hover:not(:disabled){background:#0056b3;transform:translateY(-1px);box-shadow:0 2px 4px #007bff4d}.save-btn:disabled{background:#6c757d;cursor:not-allowed}.layout-designer-content{display:flex;flex:1;overflow:auto;height:100%}.drag-overlay-module{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:2px solid #007bff;border-radius:8px;box-shadow:0 4px 12px #007bff4d;cursor:grabbing;transform:rotate(5deg);opacity:.9;z-index:1000;max-width:200px}.drag-overlay-icon{font-size:20px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0}.drag-overlay-info{flex:1;min-width:0}.drag-overlay-name{font-size:14px;font-weight:600;color:#343a40;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drag-overlay-description{font-size:12px;color:#6c757d;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.layout-designer-header{flex-direction:column;gap:12px;align-items:stretch}.layout-designer-info{text-align:center}.layout-designer-actions{justify-content:center}.layout-designer-content{flex-direction:column}}@keyframes modulePlace{0%{transform:scale(.8);opacity:.5}to{transform:scale(1);opacity:1}}.placed-module{animation:modulePlace .3s ease-out}.clear-btn:focus,.save-btn:focus{outline:2px solid #007bff;outline-offset:2px}.layout-designer.initial-animation .drag-drop-guide{display:block;animation:dragDropGuide 2.5s linear infinite}.drag-drop-guide{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;display:none}.drag-path-start{position:absolute;left:140px;top:120px;width:4px;height:4px;background:transparent;border-radius:50%}.drag-path-end{position:absolute;left:calc(280px + 40%);bottom:150px;width:4px;height:4px;background:transparent;border-radius:50%}.drag-drop-cursor{position:absolute;font-size:48px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));left:140px;top:165px}@keyframes dragDropGuide{0%{left:140px;top:165px;transform:scale(1);opacity:.9}20%{left:180px;top:185px;transform:scale(1.1);opacity:1}40%{left:220px;top:205px;transform:scale(1.1);opacity:1}60%{left:260px;top:225px;transform:scale(1.1);opacity:1}80%{left:300px;top:245px;transform:scale(1.1);opacity:1}to{left:340px;top:265px;transform:scale(1);opacity:.9}}.layout-designer.loading{pointer-events:none;opacity:.7}.layout-designer.loading:after{content:"";position:absolute;top:50%;left:50%;width:32px;height:32px;border:3px solid #dee2e6;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;transform:translate(-50%,-50%);z-index:1001}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.layout-designer-content .module-list.initial-animation .module-category:first-child .category-modules .module-card:first-child{border:3px solid #4285f4;box-shadow:0 0 20px #4285f44d;animation:moduleListPulse 2s ease-in-out infinite}@keyframes moduleListPulse{0%,to{border-color:#4285f4;box-shadow:0 0 20px #4285f44d}50%{border-color:#1976d2;box-shadow:0 0 30px #4285f480}}.drop-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drop-modal{background:#fff;border-radius:12px;padding:24px;max-width:400px;width:90%;box-shadow:0 10px 30px #0000004d;text-align:center;transform:scale(.9);animation:modalFadeIn .2s ease-out forwards}@keyframes modalFadeIn{to{transform:scale(1)}}.drop-modal-icon{font-size:48px;margin-bottom:16px}.drop-modal-title{font-size:20px;font-weight:600;color:#2c3e50;margin:0 0 12px}.drop-modal-message{font-size:14px;color:#6c757d;margin:0 0 24px;line-height:1.5}.drop-modal-buttons{display:flex;justify-content:center;gap:12px}.drop-modal-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.drop-modal-btn-primary{background:#007bff;color:#fff}.drop-modal-btn-primary:hover{background:#0056b3;transform:translateY(-1px)}.session-invite-step{flex:1;display:flex;align-items:flex-start;justify-content:center;min-height:calc(100vh - 120px);padding:20px;background:linear-gradient(135deg,#f8faff,#f0f4ff)}.step-container{width:100%;max-width:700px;background:#fff;border-radius:12px;padding:40px;box-shadow:0 8px 32px #00000014;border:1px solid #e2e8f0}.invite-content{display:flex;flex-direction:column;gap:28px}.info-group{padding:24px;background:linear-gradient(135deg,#f8faff,#f0f7ff);border-radius:12px;border:1px solid #e1ecf4}.info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.info-title{font-size:18px;font-weight:600;color:#2d3748;margin:0 0 8px}.section-description{font-size:14px;color:#64748b;line-height:1.5;margin:0 0 16px}.copy-button{background:#4285f4;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.copy-button:hover:not(:disabled){background:#1976d2;transform:translateY(-1px)}.copy-button:disabled{background:#94a3b8;cursor:not-allowed;transform:none}.link-display,.info-display{background:#fff;padding:16px;border-radius:8px;border:2px solid #e2e8f0;font-family:Courier New,monospace;font-size:14px;color:#4285f4;word-break:break-all;line-height:1.4;margin-bottom:8px}.info-display{font-family:inherit;color:#2d3748;font-size:16px;font-weight:500}.info-note{font-size:14px;color:#64748b;margin:0;line-height:1.4}.participants-info{display:flex;flex-direction:column;gap:8px}.participant-input-container{background:#fff;padding:20px;border-radius:8px;border:2px solid #e2e8f0;margin-bottom:8px}.participant-label{display:block;font-weight:600;color:#2d3748;font-size:14px;margin-bottom:12px}.participant-controls{display:flex;align-items:center;gap:8px}.participant-btn{width:36px;height:36px;border:2px solid #e2e8f0;background:#fff;border-radius:6px;font-size:18px;font-weight:600;color:#4285f4;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.participant-btn:hover:not(:disabled){border-color:#4285f4;background:#f0f7ff}.participant-btn:disabled{opacity:.4;cursor:not-allowed;color:#94a3b8;border-color:#f1f5f9}.participant-input{width:80px;height:36px;padding:8px 12px;border:2px solid #e2e8f0;border-radius:6px;text-align:center;font-size:16px;font-weight:600;color:#2d3748;-webkit-appearance:textfield;-moz-appearance:textfield}.participant-input::-webkit-outer-spin-button,.participant-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.participant-input:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a}.participant-unit{font-size:16px;font-weight:500;color:#64748b}.prev-button,.next-button{padding:14px 28px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;min-width:140px;justify-content:center;border:none}.prev-button:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.next-button{background:linear-gradient(135deg,#4285f4,#1976d2);color:#fff;position:relative;overflow:hidden;box-shadow:0 4px 15px #4285f466}.next-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.next-button:hover:before{left:100%}.next-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 12px 35px #4285f480;background:linear-gradient(135deg,#1976d2,#1565c0);animation:none}.next-button:active{transform:translateY(0) scale(.98);animation:buttonBounce .6s ease}.button-icon{font-size:14px;transition:transform .3s ease}.next-button:hover .button-icon{transform:translate(4px) rotate(10deg)}@keyframes buttonPulse{0%{box-shadow:0 4px 15px #4285f466}50%{box-shadow:0 6px 25px #4285f4b3;transform:scale(1.02)}to{box-shadow:0 4px 15px #4285f466}}@keyframes buttonBounce{0%,20%,40%,60%,80%,to{transform:translateY(0)}10%{transform:translateY(-3px)}30%{transform:translateY(-2px)}50%{transform:translateY(-1px)}}.info-note.animate-hint{animation:hintGlow 2s ease-in-out infinite!important;background:linear-gradient(135deg,#4285f426,#1976d226)!important;padding:6px 10px!important;border-radius:4px!important;margin:4px 0 0!important}.info-note.completed-step{animation:none;background:none;padding:0;border-radius:0}.next-button.ready-to-animate{animation:buttonPulse 2s infinite}@keyframes hintGlow{0%{background:linear-gradient(135deg,#4285f426,#1976d226);box-shadow:0 2px 8px #4285f426}50%{background:linear-gradient(135deg,#4285f440,#1976d240);box-shadow:0 4px 16px #4285f44d;transform:scale(1.02)}to{background:linear-gradient(135deg,#4285f426,#1976d226);box-shadow:0 2px 8px #4285f426}}.prev-button:hover .button-icon{transform:translate(-2px)}@media (max-width: 768px){.step-container{padding:30px 20px;margin:0 10px}.step-title{font-size:24px}.step-subtitle{font-size:14px}.info-header{flex-direction:column;align-items:flex-start;gap:12px}.copy-button{align-self:flex-end}.participant-controls{justify-content:center}.participant-input{width:60px}.step-actions{flex-direction:column}}@media (max-width: 480px){.session-invite-step{padding:20px 10px}.step-container{padding:20px 16px}.info-group{padding:16px}}.session-complete-step{flex:1;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px);padding:40px 20px;background:linear-gradient(135deg,#f8faff,#f0f4ff)}.step-container{width:100%;max-width:800px;background:#fff;border-radius:12px;padding:40px;box-shadow:0 8px 32px #00000014;border:1px solid #e2e8f0}.step-header{text-align:center;margin-bottom:32px}.step-title{font-size:28px;font-weight:700;color:#2d3748;margin:0 0 8px}.step-subtitle{font-size:16px;color:#64748b;margin:0;line-height:1.5}.complete-content{display:flex;flex-direction:column;gap:32px}.summary-section,.invite-section,.next-steps-section{padding:24px;background:linear-gradient(135deg,#f8faff,#f0f7ff);border-radius:12px;border:1px solid #e1ecf4}.section-title{font-size:18px;font-weight:600;color:#2d3748;margin:0 0 16px;display:flex;align-items:center;gap:8px}.section-subtitle{font-size:14px;font-weight:400;color:#64748b;margin-left:4px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.summary-label{font-weight:600;color:#374151;font-size:14px}.summary-value{color:#2d3748;font-size:14px;text-align:right;word-break:break-word}.invite-link-container{display:flex;gap:12px;align-items:center;margin-bottom:12px}.invite-link-display{flex:1;background:#fff;padding:16px;border-radius:8px;border:2px solid #4285f4;font-family:Courier New,monospace;font-size:14px;color:#4285f4;word-break:break-all;line-height:1.4}.copy-link-button{background:#4285f4;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.copy-link-button:hover{background:#1976d2;transform:translateY(-1px)}.invite-note{font-size:14px;color:#64748b;margin:0;line-height:1.4}.steps-list{display:flex;flex-direction:column;gap:12px}.step-item{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease}.step-item.completed{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#38bdf8}.step-icon{font-size:18px;min-width:24px;text-align:center}.step-text{font-size:16px;color:#2d3748;font-weight:500}.step-actions{display:flex;justify-content:space-between;margin-top:32px;gap:16px}.prev-button,.create-button,.start-button,.home-button{padding:16px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;min-width:160px;justify-content:center;border:none}.prev-button{background:#f8fafc;color:#64748b;border:2px solid #e2e8f0}.prev-button:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.prev-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.create-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:18px;padding:18px 36px;position:relative;overflow:hidden;box-shadow:0 6px 20px #10b98166}.create-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.create-button:hover:not(:disabled):before{left:100%}.create-button:hover:not(:disabled){transform:translateY(-3px) scale(1.08);box-shadow:0 15px 40px #10b98180;background:linear-gradient(135deg,#059669,#047857)}.create-button:active:not(:disabled){transform:translateY(0) scale(.95)}.create-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.start-button{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:18px;padding:18px 36px;position:relative;overflow:hidden;box-shadow:0 6px 20px #f59e0b66}.start-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.start-button:hover:before{left:100%}.start-button:hover{transform:translateY(-3px) scale(1.08);box-shadow:0 15px 40px #f59e0b80;background:linear-gradient(135deg,#d97706,#b45309)}.start-button:active{transform:translateY(0) scale(.95)}.home-button{background:#f8fafc;color:#64748b;border:2px solid #e2e8f0}.home-button:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}@keyframes createButtonPulse{0%{box-shadow:0 6px 20px #10b98166}50%{box-shadow:0 8px 30px #10b981b3;transform:scale(1.04)}to{box-shadow:0 6px 20px #10b98166}}@keyframes startButtonPulse{0%{box-shadow:0 6px 20px #f59e0b66}50%{box-shadow:0 8px 30px #f59e0bcc;transform:scale(1.05)}to{box-shadow:0 6px 20px #f59e0b66}}@keyframes successBounce{0%,20%,40%,60%,80%,to{transform:translateY(0)}10%{transform:translateY(-4px)}30%{transform:translateY(-3px)}50%{transform:translateY(-2px)}}@keyframes launchBounce{0%,20%,40%,60%,80%,to{transform:translateY(0) scale(1)}10%{transform:translateY(-5px) scale(1.1)}30%{transform:translateY(-3px) scale(1.05)}50%{transform:translateY(-2px) scale(1.02)}}.create-button.animate-step{animation:createButtonPulse 2s infinite}.create-button.step-completed{animation:none}.copy-link-button.animate-step{animation:copyButtonPulse 2s infinite;border:2px solid #4285f4;box-shadow:0 0 0 3px #4285f41a}.start-button.animate-step{animation:startButtonPulse 1.8s infinite}.invite-section.animate-step{animation:sectionGlow 2s ease-in-out infinite;border-color:#4285f4}.invite-section.completed-step{animation:none;border-color:#10b981}@keyframes copyButtonPulse{0%{background:#4285f4;transform:scale(1);box-shadow:0 0 0 3px #4285f41a}50%{background:#1976d2;transform:scale(1.05);box-shadow:0 0 0 5px #4285f44d}to{background:#4285f4;transform:scale(1);box-shadow:0 0 0 3px #4285f41a}}@keyframes sectionGlow{0%{box-shadow:0 0 10px #4285f44d}50%{box-shadow:0 0 25px #4285f499}to{box-shadow:0 0 10px #4285f44d}}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.button-icon{font-size:14px;transition:transform .2s ease}.prev-button:hover:not(:disabled) .button-icon{transform:translate(-2px)}@media (max-width: 768px){.step-container{padding:30px 20px;margin:0 10px}.step-title{font-size:24px}.step-subtitle{font-size:14px}.summary-grid{grid-template-columns:1fr}.summary-item{flex-direction:column;align-items:flex-start;gap:4px}.summary-value{text-align:left}.invite-link-container{flex-direction:column;align-items:stretch}.step-actions{flex-direction:column}.create-button,.start-button{font-size:16px;padding:16px 32px}}@media (max-width: 480px){.session-complete-step{padding:20px 10px}.step-container{padding:20px 16px}.summary-section,.invite-section,.next-steps-section{padding:16px}}.session-modal-backdrop{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:sessionFadeIn .2s ease-out}.session-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:400px;width:90%;max-height:80vh;overflow:hidden;animation:sessionSlideIn .3s ease-out}.session-modal-header{display:flex;align-items:center;gap:12px;padding:24px 24px 16px;border-bottom:1px solid #e2e8f0}.session-modal-icon{font-size:24px}.session-modal-title{font-size:18px;font-weight:600;color:#2d3748;margin:0}.session-modal-body{padding:16px 24px}.session-modal-message{font-size:16px;color:#4a5568;line-height:1.5;margin:0}.session-modal-actions{display:flex;gap:12px;padding:16px 24px 24px;justify-content:flex-end}.session-modal-button{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s ease;min-width:80px}.session-modal-button.cancel{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.session-modal-button.cancel:hover{background:#f1f5f9;border-color:#cbd5e1}.session-modal-button.confirm{background:#4285f4;color:#fff}.session-modal-button.confirm:hover{background:#1976d2;transform:translateY(-1px)}@keyframes sessionFadeIn{0%{opacity:0}to{opacity:1}}@keyframes sessionSlideIn{0%{transform:translateY(-20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media (max-width: 480px){.session-modal-content{width:95%;margin:0 10px}.session-modal-actions{flex-direction:column}.session-modal-button{width:100%}}.session-creator{width:100%;min-height:100vh;background:linear-gradient(135deg,#f8faff,#f0f4ff);display:flex;flex-direction:column}.session-creator-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:20px 40px;box-shadow:0 2px 4px #0000000d}.session-creator-title{font-size:28px;font-weight:700;color:#2d3748;margin:0 0 20px;text-align:center}.progress-bar{display:flex;justify-content:center;align-items:center;gap:40px;max-width:800px;margin:0 auto}.progress-step{display:flex;align-items:center;gap:12px;position:relative}.progress-step:not(:last-child):after{content:"";position:absolute;top:20px;right:-32px;width:24px;height:2px;background:#e2e8f0;transition:background .3s ease}.progress-step.active:not(:last-child):after{background:#4285f4}.step-number{width:40px;height:40px;border-radius:50%;background:#e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;transition:all .3s ease;flex-shrink:0}.progress-step.active .step-number{background:#4285f4;color:#fff}.progress-step.current .step-number{background:#4285f4;color:#fff;box-shadow:0 0 0 4px #4285f433}.step-info{display:flex;flex-direction:column;align-items:flex-start;min-width:80px}.step-title{font-weight:600;font-size:14px;color:#2d3748;margin-bottom:2px}.step-description{font-size:12px;color:#64748b}.progress-step.active .step-title{color:#4285f4}.session-creator-content{flex:1;display:flex;flex-direction:column}.layout-step-wrapper{flex:1;display:flex;flex-direction:column;min-height:80%}.layout-step-wrapper>div{flex:1}@media (max-width: 768px){.session-creator-header{padding:15px 20px}.progress-bar{gap:20px;flex-wrap:wrap}.progress-step:not(:last-child):after{display:none}.step-info{min-width:60px}.step-title{font-size:12px}.step-description{font-size:10px}}.session-manager{width:100%;height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f8faff,#f0f4ff)}.session-manager-header{padding:12px 32px;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000d}.manager-title{font-size:28px;font-weight:700;color:#2d3748;margin:0 0 8px}.manager-subtitle{font-size:16px;color:#64748b;margin:0;line-height:1.5}.error-message{background:#fee2e2;color:#dc2626;padding:8px 16px;border-radius:6px;font-size:14px;margin-top:8px;font-weight:500}.session-manager-content{flex:1;display:flex;gap:24px;padding:24px;overflow:hidden}.session-list-panel{width:400px;flex-shrink:0;background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f1f5f9}.panel-header-right{display:flex;align-items:center;gap:12px}.panel-title{font-size:18px;font-weight:600;color:#2d3748;margin:0}.session-count{font-size:14px;font-weight:500;color:#64748b;background:#f1f5f9;padding:4px 12px;border-radius:16px}.module-count{font-size:14px;font-weight:500;color:#4285f4;background:#f0f7ff;padding:4px 12px;border-radius:16px}.create-with-layout-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;box-shadow:0 2px 4px #10b98133}.create-with-layout-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.create-with-layout-btn:active{transform:translateY(0)}.btn-icon{font-size:16px}.session-list{flex:1;overflow-y:auto;padding:8px}.session-item{padding:16px;margin-bottom:8px;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:all .2s ease}.session-item:hover{background:#f8faff;border-color:#e1ecf4}.session-item.selected{background:linear-gradient(135deg,#f0f7ff,#e6f3ff);border-color:#4285f4;box-shadow:0 2px 8px #4285f41a}.session-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.session-name{font-size:16px;font-weight:600;color:#2d3748;margin:0 8px 0 0;flex:1}.status-badge{font-size:12px;font-weight:600;padding:4px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.status-completed{background:#dcfce7;color:#166534}.status-scheduled{background:#dbeafe;color:#1e40af}.status-active{background:#fed7d7;color:#c53030}.status-unknown{background:#f1f5f9;color:#64748b}.session-info{display:flex;flex-direction:column;gap:8px}.session-meta{display:flex;justify-content:space-between;align-items:center}.session-department{font-size:14px;font-weight:500;color:#4285f4;background:#f0f7ff;padding:2px 8px;border-radius:12px}.session-participants{font-size:12px;color:#64748b;font-weight:500}.session-id{font-size:12px;color:#94a3b8;font-weight:500}.loading-indicator{font-size:12px;color:#4285f4;font-weight:500;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-modules{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.loading-icon{font-size:48px;margin-bottom:16px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-modules h3{font-size:20px;font-weight:600;color:#2d3748;margin:0 0 8px}.loading-modules p{font-size:14px;color:#64748b;margin:0}.session-time{font-size:13px;color:#2d3748;font-weight:500}.session-created{font-size:12px;color:#94a3b8}.layout-preview-panel{flex:1;background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;overflow:hidden}.layout-preview{flex:1;overflow:hidden;position:relative}.no-session-selected{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.no-session-icon{font-size:64px;margin-bottom:24px;opacity:.5}.no-session-selected h3{font-size:24px;font-weight:600;color:#2d3748;margin:0 0 12px}.no-session-selected p{font-size:16px;color:#64748b;margin:0;line-height:1.5}.session-list::-webkit-scrollbar{width:6px}.session-list::-webkit-scrollbar-track{background:transparent}.session-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.session-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 1200px){.session-list-panel{width:350px}}@media (max-width: 1024px){.session-manager-content{flex-direction:column;gap:16px;padding:16px}.session-list-panel{width:100%;height:300px}.layout-preview-panel{height:calc(100vh - 400px)}}@media (max-width: 768px){.session-manager-header{padding:16px 20px}.manager-title{font-size:24px}.manager-subtitle{font-size:14px}.session-manager-content{padding:12px}.panel-header{padding:16px 20px}.session-item{padding:12px}.session-name{font-size:15px}}.module-management-page{padding:20px;background-color:#f8f9fa;height:100%}.page-title-box{margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #e9ecef}.page-title-box h2{font-size:20px;font-weight:600;color:#2c3e50}.breadcrumb{font-size:12px;color:#6c757d}.main-container{display:flex;gap:24px;align-items:flex-start}.module-list-panel{flex:4;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000000d}.details-panel{flex:6;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000000d}.module-list-panel h3,.details-panel h3{font-size:18px;margin-top:0;margin-bottom:20px}.card-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.module-card{border:1px solid #e5e7eb;border-radius:12px;padding:20px;text-align:center;transition:all .2s ease-in-out}.module-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001a}.module-icon{font-size:40px;line-height:1}.module-name{font-weight:600;font-size:16px;margin:12px 0 4px}.module-code{font-size:12px;color:#9ca3af;margin-bottom:8px}.module-desc{font-size:13px;color:#4b5563;min-height:3.2em;margin-bottom:12px}.module-info{font-size:12px;color:#6b7280;margin:12px 0}.details-button{cursor:pointer;background-color:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:500;width:100%}.details-header{border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:15px}.details-header p{margin:5px 0 0;font-size:14px;color:#555}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid #dee2e6;padding:12px;text-align:left;font-size:14px}th{background-color:#f8f9fa;font-weight:600}._pageWrapper_3rjhy_1{display:flex;height:100vh;background-color:#f3f4f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}._controlPanelWrapper_3rjhy_8{width:370px;flex-shrink:0;background-color:#fff;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column}._previewPanelWrapper_3rjhy_17{flex-grow:1;padding:24px;display:flex;align-items:center;justify-content:center}._centeredMessage_3rjhy_25{display:flex;align-items:center;justify-content:center;height:100vh;font-size:1.2rem;color:#4b5563}._error_3rjhy_34{color:#ef4444}