.sidebar{width:250px;position:relative;background-color:#f4f4f4;z-index:10;overflow-y:auto;display:none}.sidebar .MuiDrawer-paper{width:250px;box-shadow:2px 0 5px #0000001a;z-index:10!important;position:relative!important}@media (max-height: 768px){.sidebar{display:none}}.card-container{max-width:345px}.card-container img{object-fit:contain}.lesson-frame-container{border-radius:12px;border:2px solid black;background-color:#fff;margin:20px 0 0;padding:20px;text-align:center;transition:transform .3s ease-in-out}.lesson-frame{width:100%;height:600px;border:none;margin-top:20px}.lesson-image{width:80%;max-height:300px;transition:transform .3s ease-in-out;object-fit:contain}@media (max-height: 768px){.lesson-frame-container{transform:scale(.8);transform-origin:top center}.lesson-frame{height:500px}.lesson-image{transform:scale(.8)}}.grid-container-wrapper{display:flex;justify-content:center;align-items:flex-start;height:100vh}.grid-container{display:grid;grid-template-columns:repeat(8,10vh);grid-template-rows:repeat(8,10vh);gap:2px}.grid-item{width:10vh;height:10vh;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out;border:1px solid #000}.grid-item[data-color=dark]{background-color:#cde2de}.grid-item[data-color=light]{background-color:#7daaa0}.start{border:3px solid #0faf2f}.end{border:3px solid #ff0000}.grid-item img{max-width:100%;max-height:100%}.grid-item canvas{display:block;width:100%;height:100%}.item-info{border:1px solid #000;padding:10px;width:200px;margin-top:20px}.dragging{opacity:.5}@media (max-height: 768px){.grid-item{display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out;font-size:10px}.grid-container{display:grid;width:100%;max-width:90vh}}.toolbar{position:sticky;width:10vh;background:#fff;padding:2px 2px 20px;margin:-5px 5px 0 0;border-radius:8px;border:#0faf2f 2px solid;box-shadow:0 4px 10px #0003;font-size:small}.toolbar{display:flex;flex-direction:column;align-items:center;gap:10px}.toolbar.show{left:10px}.toolbar h3{margin:30px 0 0}.impediment-image{width:80%;max-width:60px;height:auto;border-radius:6px;margin-bottom:10px}.close-btn{position:absolute;top:2px;right:2px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;font-size:16px;cursor:pointer;color:#ff5b5b}.toolbar button:not(.close-btn){width:90%;padding:4px;font-size:14px;border:1px solid #0faf2f;background:#fff;color:#000;cursor:pointer;border-radius:6px;text-align:center}.impediment-select option.start{color:green}.impediment-select option.end{color:red}.impediment-select option.default{color:#000}.temp-container{width:22vh;padding:5px;margin:-5px 0 0 10px;background:#fff;border-radius:8px;border:2px solid #0faf2f;box-shadow:0 4px 10px #0003}.temp-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:2px}.temp-item{width:10vh;height:10vh;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #000;cursor:grab}.empty-item{width:90%;height:90%}.mode-selector{display:flex;align-items:center;gap:10px;padding:10px;margin-bottom:20px}.mode-selector label{font-weight:700;font-size:16px;color:#333}.mode-selector select{padding:6px 12px;font-size:14px;border-radius:6px;border:1px solid #ccc;background:#fff;cursor:pointer}.mode-selector select:focus{border-color:#0faf2f;outline:none}._selectorsContainer_19pz8_1{display:flex;flex-direction:column;gap:20px;padding:10px}._selectorItem_19pz8_15{display:flex;flex-direction:column;align-items:flex-start;gap:8px}._selectorLabel_19pz8_29{font-size:16px;font-weight:700;color:#333}._editBtn_19pz8_41{padding:6px 12px;font-size:14px;border-radius:6px;border:1px solid #0faf2f;background:#fff;cursor:pointer;transition:all .2s ease-in-out}._editBtn_19pz8_41:hover{background:#0faf2f;color:#fff}._styledSelect_19pz8_71{width:100%;padding:8px 12px;font-size:14px;border-radius:6px;border:1px solid #ccc;background:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .2s ease-in-out}._styledSelect_19pz8_71:hover{border-color:#0faf2f}._styledSelect_19pz8_71:focus{border-color:#0faf2f;outline:none}._editWrapper_19pz8_113{position:relative;display:inline-block}._popup_19pz8_123{position:absolute;left:55px;top:5px;width:200px;padding:10px;background:#fff;border-radius:8px;border:1px solid #ccc;box-shadow:0 4px 10px #0003;visibility:hidden;opacity:0;transition:opacity .3s ease-in-out;z-index:1500}._popupImage_19pz8_155{width:100%;max-height:60px;object-fit:contain;border-radius:4px}._popupText_19pz8_169{font-size:14px;color:#333}._editWrapper_19pz8_113:hover ._popup_19pz8_123{visibility:visible;opacity:1}._overlay_19pz8_191{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999}._editPopup_19pz8_211{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:10px;border-radius:8px;box-shadow:0 4px 10px #0000004d;z-index:1000;width:33vw;height:66vh;text-align:center}._popupTitle_19pz8_241{font-size:18px;margin:10px 0}._popupHeader_19pz8_249{font-size:10px;color:#333;margin:0}._popupInput_19pz8_259,._popupTextarea_19pz8_259{width:100%;padding:8px;margin-bottom:10px;border:1px solid #ccc;border-radius:6px}._headerBar_19pz8_275{position:sticky;top:0;left:0;width:100%;background:#fff;padding:12px 20px;font-size:18px;font-weight:700;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ccc;z-index:1010}._imageWrapper_19pz8_309{position:relative;display:flex;align-items:center}._imageSelectBtn_19pz8_321{margin-left:10px;padding:6px 10px;font-size:16px;border-radius:50%;border:none;background:#ccc;cursor:pointer}._imageSelectBtn_19pz8_321:hover{background:#999}._imageLibraryPopup_19pz8_347{position:fixed;top:40%;left:75%;transform:translate(-50%,-50%);background:#fff;padding:4px 4px 20px;border-radius:8px;box-shadow:0 4px 10px #0000004d;z-index:1000;width:33vw;height:66vh;display:flex;flex-direction:column}._popupHeader_19pz8_249{position:sticky;top:0;left:0;background:#fff;padding:4px;font-size:14px;font-weight:700;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ccc;z-index:1010}._closeIcon_19pz8_409{scale:75%;position:absolute;top:-5px;right:-5px;font-size:20px;font-weight:700;background:none;border:none;cursor:pointer;color:#333}._closeIcon_19pz8_409:hover{color:#eeb9b9}._buttonGroup_19pz8_443{display:flex;gap:10px;justify-content:center;margin-top:12px}._closeBtn_19pz8_457{padding:10px 16px;font-size:14px;font-weight:700;border-radius:6px;border:1px solid #ccc;background:#fff;cursor:pointer;transition:all .2s ease-in-out}._closeBtn_19pz8_457:hover{background:#ff4d4d;color:#fff}._saveBtn_19pz8_489{padding:10px 16px;font-size:14px;font-weight:700;border-radius:6px;border:none;background:#4caf50;color:#fff;cursor:pointer;transition:all .2s ease-in-out}._saveBtn_19pz8_489:hover{background:#3f7f5c}._saveBtn_19pz8_489:disabled{background:#ccc;cursor:not-allowed;opacity:.5}._popupContent_19pz8_535{flex-grow:1;overflow-y:auto;overflow-x:hidden;padding:10px}body._popup-open_19pz8_551{overflow:hidden!important}._imageGrid_19pz8_559{display:flex;gap:10px;justify-content:center;margin-bottom:15px}._imageOption_19pz8_573{width:80px;height:80px;cursor:pointer;border-radius:6px}._imageOption_19pz8_573:hover{border:2px solid #ff9800}._historyControls_19pz8_595{display:flex;gap:8px;justify-content:center;margin-top:12px}._historyControls_19pz8_595 button{padding:8px 12px;font-size:14px;border-radius:6px;border:1px solid #ccc;background:#fff;cursor:pointer;font-weight:700;transition:all .2s ease-in-out}._historyControls_19pz8_595 button:disabled{opacity:.5;cursor:not-allowed}._historyControls_19pz8_595 button:hover:not(:disabled){background:#ff9800;color:#fff}._lessonFrameContainer2_19pz8_651{border-radius:12px;border:2px solid black;background-color:#fff;margin:-520px 0 0 -120px;width:900px;height:700px;padding:20px;text-align:center;transition:transform .3s ease-in-out;position:fixed;z-index:1500;scale:80%}._lessonFrame2_19pz8_685{width:100%;height:550px;border:none;margin-top:20px}._lessonImage2_19pz8_699{width:80%;max-height:300px;transition:transform .3s ease-in-out;object-fit:contain}._overlay2_19pz8_713{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1499}._imageUrlInputContainer_19pz8_733{display:flex;gap:10px;margin-bottom:10px}._imageUrlInput_19pz8_733{flex-grow:1;padding:5px;border:1px solid #ccc;border-radius:4px}._confirmImageBtn_19pz8_759{background-color:#4caf50;color:#fff;border:none;padding:5px 10px;cursor:pointer;font-size:14px;border-radius:4px;margin-left:5px}._confirmImageBtn_19pz8_759:hover{background-color:#45a049}._lessonFrameContainer2_19pz8_651{display:flex;flex-direction:column;align-items:center;padding:16px}@media screen and (max-width: 768px){._lessonFrameContainer2_19pz8_651{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;z-index:9999}._lessonFrame2_19pz8_685{width:100%;height:100%;border:none}._overlay_19pz8_191{display:none}}._inactiveItem_19pz8_853{color:gray!important;background-color:#e0ffff!important;opacity:.6}._virtualItem_19pz8_865{background-color:#f4f5a1!important}._inactiveCourse_100op_1{color:gray!important;background-color:#e0ffff!important;opacity:.6}._formGroup_100op_13{display:flex;align-items:center;gap:12px;margin-bottom:12px}._label_100op_27{width:5vw;font-size:.6em!important;font-weight:700;text-align:right}._popupInput_100op_41{flex:1;padding:8px;border:1px solid #ccc;border-radius:6px}._label2_100op_55{width:4.2vw;font-size:.6em!important;font-weight:700;text-align:right}._switch_100op_69{flex:1;display:flex}._switch_100op_69 input{align-items:flex-start}._editWrapper_100op_89{position:relative;display:inline-block}._popup_100op_41{position:absolute;left:55px;top:5px;width:200px;padding:10px;background:#fff;border-radius:8px;border:1px solid #ccc;box-shadow:0 4px 10px #0003;visibility:hidden;opacity:0;transition:opacity .3s ease-in-out;z-index:1500}._imageWrapper_100op_131{position:relative;display:flex;align-items:center}._editWrapper_100op_89:hover ._popup_100op_41{visibility:visible;opacity:1}._popupImage_100op_155{width:100%;max-height:60px;object-fit:contain;border-radius:4px}._popupText_100op_169{font-size:14px;color:#333}._overlay_100op_179{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999}._editPopup_100op_199{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:10px;border-radius:8px;box-shadow:0 4px 10px #0000004d;z-index:1000;width:33vw;height:66vh;text-align:center}._createBtn_100op_229{padding:6px 12px;margin:0 10px 0 0;font-size:14px;border-radius:6px;border:1px solid #0faf2f;background:#fff;cursor:pointer}._editBtn_100op_249{padding:6px 12px;font-size:14px;border-radius:6px;border:1px solid #0faf2f;background:#fff;cursor:pointer;transition:all .2s ease-in-out}._editBtn_100op_249:hover{background:#0faf2f;color:#fff}._popupTitle_100op_279{font-size:18px;margin:10px 0}._popupHeader_100op_289{font-size:10px;color:#333;margin:0}._historyControls_100op_301{display:flex;gap:8px;justify-content:center;margin-top:12px}._historyControls_100op_301 button{padding:8px 12px;font-size:14px;border-radius:6px;border:1px solid #ccc;background:#fff;cursor:pointer;font-weight:700;transition:all .2s ease-in-out}._historyControls_100op_301 button:disabled{opacity:.5;cursor:not-allowed}._historyControls_100op_301 button:hover:not(:disabled){background:#ff9800;color:#fff}._buttonGroup_100op_357{display:flex;gap:10px;justify-content:center;margin-top:12px}._closeBtn_100op_371{padding:10px 16px;font-size:14px;font-weight:700;border-radius:6px;border:1px solid #ccc;background:#fff;cursor:pointer;transition:all .2s ease-in-out}._closeBtn_100op_371:hover{background:#ff4d4d;color:#fff}._saveBtn_100op_403{padding:10px 16px;font-size:14px;font-weight:700;border-radius:6px;border:none;background:#4caf50;color:#fff;cursor:pointer;transition:all .2s ease-in-out}._saveBtn_100op_403:hover{background:#3f7f5c}._saveBtn_100op_403:disabled{background:#ccc;cursor:not-allowed;opacity:.5}._imageLibraryPopup_100op_447{position:fixed;top:40%;left:75%;transform:translate(-50%,-50%);background:#fff;padding:4px 4px 20px;border-radius:8px;box-shadow:0 4px 10px #0000004d;z-index:1000;width:33vw;height:66vh;display:flex;flex-direction:column}._closeIcon_100op_479{scale:75%;position:absolute;top:-5px;right:-5px;font-size:20px;font-weight:700;background:none;border:none;cursor:pointer;color:#333}._closeIcon_100op_479:hover{color:#eeb9b9}._imageUrlInputContainer_100op_513{display:flex;gap:10px;margin-bottom:10px}._imageUrlInput_100op_513{flex-grow:1;padding:5px;border:1px solid #ccc;border-radius:4px}._confirmImageBtn_100op_539{background-color:#4caf50;color:#fff;border:none;padding:5px 10px;cursor:pointer;font-size:14px;border-radius:4px;margin-left:5px}._confirmImageBtn_100op_539:hover{background-color:#45a049}._popupContent_100op_569{flex-grow:1;overflow-y:auto;overflow-x:hidden;padding:10px}body._popup-open_100op_585{overflow:hidden!important}.imageContainer{display:flex;flex-direction:column;gap:20px;padding:10px;font-family:Roboto,sans-serif;color:#333}.imageGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;background:#f9f9f9;padding:15px;border-radius:10px;border:1px solid #ccc}.imageItem{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;border-radius:8px;border:1px #929290 solid;box-shadow:0 4px 10px #0000001a;background-color:#dedfda}.imageItem img{width:100%;height:auto;object-fit:cover;border-radius:8px}.imageLabel{font-size:16px;font-weight:700;text-align:center;color:#444}.imageSearch{width:100%;padding:10px;font-size:14px;border-radius:6px;border:1px solid #ccc;background:#fff}.imageSearch:hover{border-color:#0faf2f}.imageSearch:focus{border-color:#0faf2f;outline:none}.imagePopup{position:absolute;bottom:10%;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:8px 12px;border-radius:6px;white-space:nowrap;font-size:14px;box-shadow:0 4px 10px #0003;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;z-index:10}.imageItem:hover .imagePopup{opacity:1;visibility:visible}.viewAllBtn{padding:10px 14px;font-size:14px;border-radius:6px;border:1px solid #ff9800;background:#fff;cursor:pointer;font-weight:700;transition:all .2s ease-in-out}.viewAllBtn:hover{background:#ff9800;color:#fff}.loadMoreTrigger{width:100%;height:20px}.loadMoreBtn{padding:12px 16px;font-size:16px;border-radius:6px;border:1px solid #ff9800;background:#fff;cursor:pointer;font-weight:700;margin-top:10px;display:block;text-align:center;transition:all .2s ease-in-out}.loadMoreBtn:hover{background:#ff9800;color:#fff}.popupMode{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.popupSize{width:100px;height:auto}.popupImage{width:100px;height:100px;object-fit:cover;border-radius:6px}.popupText{font-size:12px;text-align:center}.selectedImages{display:flex;overflow-x:auto;padding:10px;gap:5px;border-bottom:1px solid #ddd}.selectedImageItem{position:relative;display:inline-block}.selectedThumbnail{width:40px;height:40px;object-fit:cover;border-radius:5px}.removeImageBtn{position:absolute;top:-2px;right:-5px;transform:translateY(-50%);background:transparent;color:#fff;border:none;font-size:14px;cursor:pointer;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;line-height:20px;transition:background .2s ease-in-out;scale:80%}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999}.imageItem{position:relative}.imageCheckbox{position:absolute;top:5px;right:5px}.selectedImagesContainer{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid #ddd}.sendImagesBtn{background-color:#4caf50;color:#fff;border:none;padding:5px 10px;cursor:pointer;font-size:14px;border-radius:5px}.sendImagesBtn:hover{background-color:#45a049}.uploadModal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border:1px solid #aaa;border-radius:8px;box-shadow:0 12px 24px #0003;padding:20px;z-index:999;width:400px;max-width:90%;display:flex;flex-direction:column;gap:12px}.uploadModal input[type=file],.uploadModal input[type=text],.uploadModal textarea{width:100%;padding:8px;font-size:14px;border:1px solid #ccc;border-radius:6px}.uploadModal button{padding:8px 16px;font-size:14px;border:none;border-radius:6px;background:#4caf50;color:#fff;cursor:pointer;transition:background .2s ease}.uploadModal button:hover{background:#388e3c}.uploadModal button:last-of-type{background:#f44336}.uploadModal button:last-of-type:hover{background:#d32f2f}.searchWrapper{display:flex;align-items:center;gap:8px;margin-top:10px}.imageSearch{flex:1;padding:8px;font-size:16px;border:1px solid #ccc;border-radius:4px}.searchBtn{padding:8px 16px;font-size:16px;background-color:#298d15;color:#fff;border:none;border-radius:4px;cursor:pointer;white-space:nowrap}.searchBtn:hover{background-color:#39b920}._selectorItem_1an0r_1{display:flex;flex-direction:column;align-items:flex-start;gap:8px}._selectorLabel_1an0r_15{font-size:16px;font-weight:700;color:#333}._styledSelect_1an0r_27{width:100%;padding:8px 12px;font-size:14px;border-radius:6px;border:1px solid #ccc;background:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .2s ease-in-out}._styledSelect_1an0r_27:hover{border-color:#0faf2f}._styledSelect_1an0r_27:focus{border-color:#0faf2f;outline:none}._editWrapper_1an0r_69{position:relative;display:inline-block}._editBtn_1an0r_79{padding:6px 12px;font-size:14px;border-radius:6px;border:1px solid #0faf2f;background:#fff;cursor:pointer;transition:all .2s ease-in-out}._editBtn_1an0r_79:hover{background:#0faf2f;color:#fff}._popup_1an0r_109{position:absolute;left:55px;top:5px;width:200px;padding:10px;background:#fff;border-radius:8px;border:1px solid #ccc;box-shadow:0 4px 10px #0003;visibility:hidden;opacity:0;transition:opacity .3s ease-in-out;z-index:1500}._popupImage_1an0r_141{width:100%;max-height:60px;object-fit:contain;border-radius:4px}._popupText_1an0r_155{font-size:14px;color:#333}._overlay_1an0r_165{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999}._editPopup_1an0r_185{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:10px;border-radius:8px;box-shadow:0 4px 10px #0000004d;z-index:1000;width:33vw;height:66vh;text-align:center}._popupTitle_1an0r_215{font-size:18px;margin:10px 0}._popupHeader_1an0r_225{font-size:10px;color:#333;margin:0}._popupInput_1an0r_237,._popupTextarea_1an0r_237{flex:1;padding:8px;border:1px solid #ccc;border-radius:6px}._historyControls_1an0r_251{display:flex;gap:8px;justify-content:center;margin-top:12px}._historyControls_1an0r_251 button{padding:8px 12px;font-size:14px;border-radius:6px;border:1px solid #ccc;background:#fff;cursor:pointer;font-weight:700;transition:all .2s ease-in-out}._historyControls_1an0r_251 button:disabled{opacity:.5;cursor:not-allowed}._historyControls_1an0r_251 button:hover:not(:disabled){background:#ff9800;color:#fff}._imageWrapper_1an0r_309{position:relative;display:flex;align-items:center}._imageSelectBtn_1an0r_321{margin-left:10px;padding:6px 10px;font-size:16px;border-radius:50%;border:none;background:#ccc;cursor:pointer}._imageSelectBtn_1an0r_321:hover{background:#999}._lessonFrameContainer2_1an0r_349{border-radius:12px;border:2px solid black;background-color:#fff;margin:-520px 0 0 -120px;width:900px;height:700px;padding:20px;text-align:center;transition:transform .3s ease-in-out;position:fixed;z-index:1500;scale:80%}._frameWrapper_1an0r_379{height:550px;width:calc(550px * 4 / 3);margin:10px auto;display:flex;justify-content:center;align-items:center;border:none;overflow:hidden}._lessonFrame2_1an0r_403{width:100%;height:550px;border:1px solid black;border-radius:25px}._lessonImage2_1an0r_417{width:80%;max-height:300px;transition:transform .3s ease-in-out;object-fit:contain}._buttonGroup_1an0r_433{display:flex;gap:10px;justify-content:center;margin-top:12px}._closeBtn_1an0r_447{padding:10px 16px;font-size:14px;font-weight:700;border-radius:6px;border:1px solid #ccc;background:#fff;cursor:pointer;transition:all .2s ease-in-out}._closeBtn_1an0r_447:hover{background:#ff4d4d;color:#fff}._saveBtn_1an0r_479{padding:10px 16px;font-size:14px;font-weight:700;border-radius:6px;border:none;background:#4caf50;color:#fff;cursor:pointer;transition:all .2s ease-in-out}._saveBtn_1an0r_479:hover{background:#3f7f5c}._saveBtn_1an0r_479:disabled{background:#ccc;cursor:not-allowed;opacity:.5}._imageLibraryPopup_1an0r_523{position:fixed;top:40%;left:75%;transform:translate(-50%,-50%);background:#fff;padding:4px 4px 20px;border-radius:8px;box-shadow:0 4px 10px #0000004d;z-index:1000;width:33vw;height:66vh;display:flex;flex-direction:column}._closeIcon_1an0r_555{scale:75%;position:absolute;top:-5px;right:-5px;font-size:20px;font-weight:700;background:none;border:none;cursor:pointer;color:#333}._closeIcon_1an0r_555:hover{color:#eeb9b9}._confirmImageBtn_1an0r_589{background-color:#4caf50;color:#fff;border:none;padding:5px 10px;cursor:pointer;font-size:14px;border-radius:4px;margin-left:5px}._confirmImageBtn_1an0r_589:hover{background-color:#45a049}._popupContent_1an0r_619{flex-grow:1;overflow-y:auto;overflow-x:hidden;padding:10px}body._popup-open_1an0r_635{overflow:hidden!important}._inactiveLesson_1an0r_645{color:gray!important;background-color:#e0ffff!important;opacity:.6}._formGroup_1an0r_657{display:flex;align-items:center;gap:12px;margin-bottom:12px}._label_1an0r_671{width:5vw;font-size:.6em!important;font-weight:700;text-align:right}._label2_1an0r_687{width:4.2vw;font-size:.6em!important;font-weight:700;text-align:right}._switch_1an0r_701{flex:1;display:flex}._switch_1an0r_701 input{align-items:flex-start}._editWrapper_1an0r_69:hover ._popup_1an0r_109{visibility:visible;opacity:1}._createBtn_1an0r_733{padding:6px 12px;margin:0 10px 0 0;font-size:14px;border-radius:6px;border:1px solid #0faf2f;background:#fff;cursor:pointer}._imageUrlInputContainer_1an0r_753{display:flex;gap:10px;margin-bottom:10px}._imageUrlInput_1an0r_753{flex-grow:1;padding:5px;border:1px solid #ccc;border-radius:4px}._inactiveItem_1an0r_779{color:gray!important;background-color:#e0ffff!important;opacity:.6}._selectorItem_8p6ue_1{display:flex;flex-direction:column;align-items:flex-start;gap:8px}._selectorLabel_8p6ue_15{font-size:16px;font-weight:700;color:#333}._styledSelect_8p6ue_27{width:100%;padding:8px 12px;font-size:14px;border-radius:6px;border:1px solid #ccc;background:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .2s ease-in-out}._styledSelect_8p6ue_27:hover{border-color:#0faf2f}._styledSelect_8p6ue_27:focus{border-color:#0faf2f;outline:none}._editWrapper_8p6ue_69{position:relative;display:inline-block}._editBtn_8p6ue_79{padding:6px 12px;font-size:14px;border-radius:6px;border:1px solid #0faf2f;background:#fff;cursor:pointer;transition:all .2s ease-in-out}._editBtn_8p6ue_79:hover{background:#0faf2f;color:#fff}._popup_8p6ue_109{position:absolute;left:55px;top:5px;width:200px;padding:10px;background:#fff;border-radius:8px;border:1px solid #ccc;box-shadow:0 4px 10px #0003;visibility:hidden;opacity:0;transition:opacity .3s ease-in-out;z-index:1500}._popupImage_8p6ue_141{width:100%;max-height:60px;object-fit:contain;border-radius:4px}._popupText_8p6ue_155{font-size:14px;color:#333}._overlay_8p6ue_165{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999}._editPopup_8p6ue_185{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:10px;border-radius:8px;box-shadow:0 4px 10px #0000004d;z-index:1000;width:33vw;height:66vh;text-align:center}._popupTitle_8p6ue_215{font-size:18px;margin:10px 0}._popupHeader_8p6ue_225{font-size:10px;color:#333;margin:0}._popupInput_8p6ue_237,._popupTextarea_8p6ue_237{flex:1;padding:8px;border:1px solid #ccc;border-radius:6px}._historyControls_8p6ue_251{display:flex;gap:8px;justify-content:center;margin-top:12px}._historyControls_8p6ue_251 button{padding:8px 12px;font-size:14px;border-radius:6px;border:1px solid #ccc;background:#fff;cursor:pointer;font-weight:700;transition:all .2s ease-in-out}._historyControls_8p6ue_251 button:disabled{opacity:.5;cursor:not-allowed}._historyControls_8p6ue_251 button:hover:not(:disabled){background:#ff9800;color:#fff}._imageWrapper_8p6ue_309{position:relative;display:flex;align-items:center}._imageSelectBtn_8p6ue_321{margin-left:10px;padding:6px 10px;font-size:16px;border-radius:50%;border:none;background:#ccc;cursor:pointer}._imageSelectBtn_8p6ue_321:hover{background:#999}._lessonFrameContainer2_8p6ue_349{border-radius:12px;border:2px solid black;background-color:#fff;margin:-520px 0 0 -120px;width:900px;height:700px;padding:20px;text-align:center;transition:transform .3s ease-in-out;position:fixed;z-index:1500;scale:80%}._lessonFrame2_8p6ue_379{width:100%;height:550px;border:none;margin-top:20px}._lessonImage2_8p6ue_393{width:80%;max-height:300px;transition:transform .3s ease-in-out;object-fit:contain}._buttonGroup_8p6ue_409{display:flex;gap:10px;justify-content:center;margin-top:12px}._closeBtn_8p6ue_423{padding:10px 16px;font-size:14px;font-weight:700;border-radius:6px;border:1px solid #ccc;background:#fff;cursor:pointer;transition:all .2s ease-in-out}._closeBtn_8p6ue_423:hover{background:#ff4d4d;color:#fff}._saveBtn_8p6ue_455{padding:10px 16px;font-size:14px;font-weight:700;border-radius:6px;border:none;background:#4caf50;color:#fff;cursor:pointer;transition:all .2s ease-in-out}._saveBtn_8p6ue_455:hover{background:#3f7f5c}._saveBtn_8p6ue_455:disabled{background:#ccc;cursor:not-allowed;opacity:.5}._imageLibraryPopup_8p6ue_499{position:fixed;top:40%;left:75%;transform:translate(-50%,-50%);background:#fff;padding:4px 4px 20px;border-radius:8px;box-shadow:0 4px 10px #0000004d;z-index:1000;width:33vw;height:66vh;display:flex;flex-direction:column}._closeIcon_8p6ue_531{scale:75%;position:absolute;top:-5px;right:-5px;font-size:20px;font-weight:700;background:none;border:none;cursor:pointer;color:#333}._closeIcon_8p6ue_531:hover{color:#eeb9b9}._confirmImageBtn_8p6ue_565{background-color:#4caf50;color:#fff;border:none;padding:5px 10px;cursor:pointer;font-size:14px;border-radius:4px;margin-left:5px}._confirmImageBtn_8p6ue_565:hover{background-color:#45a049}._popupContent_8p6ue_595{flex-grow:1;overflow-y:auto;overflow-x:hidden;padding:10px}body._popup-open_8p6ue_611{overflow:hidden!important}._inactiveLesson_8p6ue_621{color:gray!important;background-color:#e0ffff!important;opacity:.6}._formGroup_8p6ue_633{display:flex;align-items:center;gap:12px;margin-bottom:12px}._label_8p6ue_647{width:5vw;font-size:.6em!important;font-weight:700;text-align:right}._label2_8p6ue_663{width:4.2vw;font-size:.6em!important;font-weight:700;text-align:right}._switch_8p6ue_677{flex:1;display:flex}._switch_8p6ue_677 input{align-items:flex-start}._editWrapper_8p6ue_69:hover ._popup_8p6ue_109{visibility:visible;opacity:1}._createBtn_8p6ue_709{padding:6px 12px;margin:0 10px 0 0;font-size:14px;border-radius:6px;border:1px solid #0faf2f;background:#fff;cursor:pointer}._imageUrlInputContainer_8p6ue_729{display:flex;gap:10px;margin-bottom:10px}._imageUrlInput_8p6ue_729{flex-grow:1;padding:5px;border:1px solid #ccc;border-radius:4px}._tooltipBtn_1032d_1{position:relative;cursor:pointer}._tooltipBtn_1032d_1:before{content:attr(data-tooltip);position:absolute;left:150px;top:50%;transform:translate(-50%);background:#000c;color:#fff;padding:5px 10px;font-size:12px;border-radius:5px;white-space:normal;width:max-content;max-width:200px;word-wrap:break-word;text-align:left;opacity:0;visibility:hidden;z-index:1000;transition:opacity .2s ease-in-out,visibility .2s ease-in-out}._tooltipBtn_1032d_1:hover:before{opacity:1;visibility:visible}._toolbarContainer_1032d_65{position:relative}._closeButton_1032d_73{position:absolute;top:5px;right:5px;background:none;border:none;font-size:16px;cursor:pointer;color:red}._warningPopup_1032d_95{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border:1px solid red;padding:15px;box-shadow:0 4px 6px #0000001a;z-index:999}._tooltipBtn_1032d_1:disabled{opacity:.5;cursor:not-allowed}table{width:100%;border-collapse:collapse;margin-top:10px;font-family:Segoe UI,sans-serif;font-size:14px;background-color:#fff;box-shadow:0 1px 3px #0000001a}thead{background-color:#f5f5f5}th,td{padding:5px 16px;text-align:left;border-bottom:1px solid #e0e0e0}th:first-child,td:first-child{width:40px;text-align:center}tr:hover{background-color:#f9f9f9}button{margin-right:6px;padding:6px 10px;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:background-color .2s ease}button:hover{background-color:#eee}button:active{background-color:#e0e0e0}.docToolbar{display:flex;justify-content:flex-end;gap:5px;margin-bottom:20px;padding:10px 0;border-bottom:1px solid #e0e0e0;align-items:center;flex-wrap:wrap}.docToolbar button{background-color:#1976d2;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s ease}.docToolbar button:hover:not(:disabled){background-color:#1565c0}.docToolbar button:disabled{background-color:#bdbdbd;cursor:not-allowed}._overlay_p35ab_5{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:999}._editPopup_p35ab_25{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:24px;border-radius:8px;z-index:1000;width:500px;max-width:90%}._headerBar_p35ab_51{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-weight:700;font-size:16px}._closeIcon_p35ab_69{background:none;border:none;font-size:18px;cursor:pointer}._popupContent_p35ab_83{display:flex;flex-direction:column}._popupInput_p35ab_93,._popupTextarea_p35ab_95{width:100%;box-sizing:border-box;padding:10px 12px;font-size:14px;line-height:1.5;border:1px solid #ccc;border-radius:6px;margin-bottom:12px;resize:vertical;min-height:40px;background-color:#fff}._popupTextarea_p35ab_95{height:40px}._buttonGroup_p35ab_131{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}._button_p35ab_131{height:40px;padding:0 16px;font-size:14px;border-radius:6px;border:none;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease}._button_p35ab_131:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}._cancel_p35ab_181{background-color:#eee}._history_p35ab_189{background-color:#f0f0ff}._save_p35ab_197{background-color:#007bff;color:#fff}._inactiveUser_1jcho_1{color:gray!important;background-color:#e0ffff!important;opacity:.6}