@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";*{font-family:Montserrat,sans-serif}body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#fff}.sidebar{position:fixed;top:100px;left:0;width:250px;height:calc(100vh - 140px);background-color:#cacccf;padding:20px;display:flex;flex-direction:column;overflow-y:auto}.sidebar-title{font-size:28px;font-weight:700;text-align:center;border:2px solid #f5f5f5;border-radius:5px;margin-bottom:20px;background-color:#f5f5f5}.lesson-list{flex:1}.lesson-button{width:100%;padding:10px;text-align:left;border:none;background:none;cursor:pointer;font-size:16px}.lesson-button:hover{background-color:#e0e0e0}.lesson-button.selected{background-color:#e4e2e2;font-weight:700}.back-button{width:100%;padding:10px;background-color:#000;color:#fff;font-weight:700;border:none;border-radius:15px;cursor:pointer;margin-top:10px}.back-button:hover{background-color:#333}.container{display:flex;height:100vh}.lesson-navigation{margin-top:50px;display:flex;justify-content:space-between;padding:10px;background-color:#e0e0e0}.nav-button{background-color:#ff5a5f;color:#fff;font-weight:700;padding:10px 15px;border:none;cursor:pointer;border-radius:15px}.nav-button:hover{background-color:#e0484d}.main-content{margin-left:300px;overflow-y:auto;flex:1;display:flex;flex-direction:column;padding:20px;margin-top:30px}.lesson-title{font-size:40px;font-weight:700}.open-doc-button{display:inline-block;padding:10px 15px;background-color:#3fc4e2;color:#fff;text-decoration:none;border-radius:10px;font-weight:500;margin-top:10px;font-weight:700}.open-doc-button:hover{background-color:#33a1ba}.submission-container{background:#f9f9f9;border:2px solid #ddd;border-radius:10px;padding:20px;text-align:center;width:100%;max-width:400px;margin:20px auto;box-shadow:0 4px 8px #0000001a}.submission-title{font-size:1.2rem;font-weight:700;margin-bottom:15px}.file-label{display:block;background:#3fc4e2;color:#fff;padding:10px;border-radius:5px;cursor:pointer;margin-bottom:10px;transition:background .3s ease-in-out;font-weight:700}.file-label:hover{background:#2a8093;font-weight:700}.upload-button{background:#ff5a5f;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;transition:background .3s ease-in-out;font-weight:700}.upload-button:hover{background:#ba4044;font-weight:700}.tabs{display:flex;gap:20px;border-bottom:10px solid rgb(63,196,226);border-radius:5px;margin-top:20px}.tab-button{padding:10px 20px;cursor:pointer;color:gray;background:none;border:none;font-size:16px}.tab-button.active{font-weight:700;color:#3fc4e2}.tab-content{margin-top:20px;font-size:18px}.submit{display:flex;flex-direction:column;align-items:center}.file-submit{display:flex;flex-direction:row;justify-content:space-evenly;align-items:stretch}.filename-container{padding:0 1%;margin-right:1%;background-color:#e3e2e2;border-radius:5px;flex:1;display:flex;justify-content:center;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filename-display{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-color-scheme: light){.page-content{background-color:#fff!important}.dash-button{background-color:#000!important;color:#fff!important}.dash-button:hover{background-color:#333!important}}.course-editor-bg{background:#f5f3ee;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;padding:0}.page-content{width:90%;max-width:900px;display:flex;flex-direction:column;align-items:center;background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px;box-sizing:border-box;position:absolute;left:50%;transform:translate(-50%);top:calc(100px + 2vh)}@media (max-width: 1024px){.page-content{top:calc(120px + 2vh)}}@media (max-width: 768px){.page-content{top:calc(140px + 2vh)}}.title{font-size:26px;font-weight:700;margin-bottom:20px;text-align:center;color:#333}.form-group{display:flex;flex-direction:column;width:100%;gap:10px;margin-bottom:15px}.form-group label{font-weight:600;color:#333}.form-group input,.form-group select,.form-group textarea{width:95%;padding:12px;border-radius:6px;border:1px solid #ccc;font-size:14px;outline:none;transition:border .2s ease-in-out}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2da8ce}.form-group textarea{min-height:80px;resize:vertical}.section{width:100%;margin-top:20px;padding:15px;border-radius:6px;background:#f9f9f9;box-shadow:0 2px 5px #0000001a}.section h2{font-size:18px;font-weight:700;margin-bottom:10px;color:#333}.submit-button,.delete-button,.dash-button{padding:12px 18px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700;transition:background-color .2s ease-in-out;text-align:center}.submit-button{background-color:#2da8ce;color:#fff}.submit-button:hover{background-color:#16586c}.delete-button{background-color:#dc3545;color:#fff}.delete-button:hover{background-color:#77151f}.dash-button{background-color:#000;position:fixed;right:20px;width:160px;font-size:15px;top:130px;color:#fff}.dash-button:hover{background-color:#333}.section input,.section textarea{width:100%;padding:10px;margin-bottom:10px;border-radius:6px;border:1px solid #ccc;font-size:14px;display:block}@media (max-width: 768px){.section{padding:10px}.section input,.section textarea{padding:8px;font-size:12px}.submit-button{padding:10px}.button-group{flex-direction:column;gap:10px}}.ProseMirror{min-height:80px;resize:vertical;overflow:hidden;border:solid gray .25px;border-radius:7px;width:98%}