*{margin:0;padding:0}:root[data-theme=light]{--bg-light:#dddbd9;--text-primary:#14140d}:root[data-theme=dark]{--bg-light:#181818;--text-primary:#fff;--bg-shadow:#000;--bg-hover:#444;--bg-buttons:#292725;--bg-light2:#554940;--bg-gradient:#adadad}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{background-color:var(--bg-light);color:var(--text-primary);font-family:Inter,sans-serif;margin:0}.LoginContainer{background:linear-gradient(135deg,var(--bg-light) 0,var(--bg-hover) 100%);height:100vh}.LoginCard,.LoginContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.LoginCard{background-color:var(--bg-light);border-radius:16px;box-shadow:0 4px 15px #0000001a;padding:2rem 3rem}.AppTitle{color:var(--text-primary);font-size:2.2rem;margin-bottom:.5rem}.AppSubtitle{margin-bottom:2rem}.AppSubtitle,.LoginButton{color:var(--text-primary);font-size:1rem}.LoginButton{align-items:center;background-color:var(--bg-buttons);border:none;border-radius:12px;cursor:pointer;display:flex;gap:10px;justify-content:center;margin-top:1rem;padding:.8rem 1.5rem;transition:background-color .3s ease,transform .2s ease;width:-webkit-fit-content;width:fit-content}.LoginButton:hover{background:linear-gradient(145deg,var(--bg-light) 10%,var(--bg-gradient) 90%);cursor:pointer}.LoginButton span{align-items:center;display:flex;gap:8px}.AppLogo{height:80px;margin-bottom:1rem;object-fit:contain;width:80px}@media (max-width:768px){.LoginContainer p{font-size:1.6rem}.LoginButton{font-size:.95rem;padding:.7rem 1.3rem}}@media (max-width:480px){.LoginContainer{padding:15px}.LoginContainer p{font-size:1.3rem}.LoginButton{font-size:.9rem;justify-content:center;width:100%}.AppLogo{height:60px;width:60px}}.Topbar{background-color:var(--bg-light);border-radius:10px;box-shadow:0 4px 10px var(--bg-shadow);box-sizing:border-box;height:100%;justify-content:space-between;padding:0 1rem;position:-webkit-sticky;position:sticky;top:0;width:100%}.HamMenu,.Topbar{align-items:center;display:flex}.HamMenu{background:none;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;height:30px;justify-content:center;margin-right:10px;width:30px}.HamMenu:hover{box-shadow:0 4px 4px var(--bg-shadow)}.SiteName{flex:1 1;text-align:flex}.SiteName h1{color:var(--text-primary);font-size:x-large;font-weight:600;margin:0}.sidebar-container{background-color:var(--bg-light);border-radius:10px;box-shadow:0 4px 10px var(--bg-shadow);display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:space-between;overflow:hidden;width:100%}.sidebar-top{height:90%;min-height:0;overflow-y:auto;width:100%}.sidebar-top::-webkit-scrollbar{width:8px}.sidebar-top::-webkit-scrollbar-track{background:var(--bg-light);border-radius:10px}.sidebar-top::-webkit-scrollbar-thumb{background-color:var(--bg-hover);border:2px solid var(--bg-light);border-radius:10px}.sidebar-top::-webkit-scrollbar-thumb:hover{background-color:var(--text-primary)}.sidebar-top{scrollbar-color:var(--bg-hover) var(--bg-light);scrollbar-width:thin}.sidebar-course-list{display:flex;flex-direction:column;width:100%}.course-heading{margin-left:10px}.course-title{height:30px;margin-bottom:5px;padding:3px}.btn-title{background-color:var(--bg-light);border:0;border-radius:8px;color:var(--text-primary);font-size:small;height:38px;padding-left:5px;text-align:left;width:100%}.btn-title:hover{background:linear-gradient(145deg,var(--bg-light) 10%,var(--bg-gradient) 90%);cursor:pointer}.btn-title.selected{background-color:var(--bg-hover);color:#fff}.sidebar-bottom{border-radius:10px;box-shadow:0 4px 20px var(--bg-shadow);display:flex;flex-direction:row;width:100%}.sidebar-bottom .avatar{border-radius:50%;margin:5px;width:50px}.sidebar-bottom .user-name{align-self:center;text-align:left;width:150px}.sidebar-bottom .logout{align-self:center;background:none;border:none;color:red;margin:5px;width:40px}.sidebar-bottom .logout:hover{border-radius:10px;box-shadow:0 4px 10px var(--bg-shadow);cursor:pointer}.Home-container{background-color:var(--bg-light);display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;width:100vw}.topbar-container{flex-grow:1;height:5vh}.main-content{display:flex;height:94vh;width:100vw}.Sidebar-container{transition:width .4s ease;width:250px}.Sidebar-container.collapse{width:0}.Course-chat{flex:1 1;flex-direction:column}.Course-chat,.Course-container{align-items:center;display:flex}.Course-container{flex-direction:column;height:90%;justify-content:center;width:100%}.Chat-container{width:70%}.chat-form{display:flex;height:100%}.chat-input{background-color:var(--bg-hover);border:none;border-radius:30px;box-shadow:0 4px 10px var(--bg-shadow);caret-color:var(--text-primary);color:var(--text-primary);font-size:1rem;outline:none;padding:0 1rem;width:100%}.chat-input::placeholder{color:var(--text-secondary);opacity:.7}.chat-button{background:none;border:0;color:var(--text-primary);margin:1%}@media (max-width:600px){.Sidebar-container{height:90vh;left:0;position:absolute;top:7vh;transform:translateX(-100%);transition:transform .3s ease;z-index:1000}.Sidebar-container.open{transform:translateX(0)}.Course-chat{flex:1 1;position:relative}}.course{align-items:center;display:flex;flex-direction:column;height:100%;min-height:0;overflow-y:auto;width:100%}.course::-webkit-scrollbar{width:8px}.course::-webkit-scrollbar-track{background:#0000}.course::-webkit-scrollbar-thumb{background-color:var(--bg-hover);border-radius:4px}.course::-webkit-scrollbar-thumb:hover{background-color:var(--bg-light2)}.course-modules{margin:10px}.course-modules,.module-container{display:flex;flex-direction:column}.module-container{padding:5px;width:100%}.btn-module{align-items:center;background-color:var(--bg-buttons);border:1;border-bottom:0;border-radius:15px;box-shadow:0 4px 10px var(--bg-shadow);color:var(--text-primary);display:flex;font-size:medium;gap:10px;height:9vh;text-align:left;width:50vw}.btn-module:hover{background:linear-gradient(145deg,var(--bg-light) 10%,var(--bg-gradient) 90%);cursor:pointer}.btn-lesson-title{background-color:var(--bg-buttons);border:2px solid #0000;border-radius:10px;color:var(--text-primary);height:5vh;margin:3px 0;overflow:hidden;position:relative;transition:background .3s ease;width:100%;z-index:0}.btn-lesson-title.loading-border:after{animation:moveBorder 2s linear infinite;background:linear-gradient(90deg,#4fa94d,#aec3b0,#4fa94d);background-size:300% 100%;border-radius:12px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}.btn-lesson-title:hover{background:linear-gradient(145deg,var(--bg-light) 10%,var(--bg-gradient) 90%);cursor:pointer}.course-logo{align-items:center;border-radius:15px;border-right:1px solid #fff;display:flex;height:9vh;justify-content:center;width:100px}.Default-text{color:var(--text-primary);font-size:1.4rem;text-align:center;white-space:pre-line}.loading-border:before{animation:moveBorder 2s linear infinite;background:linear-gradient(90deg,#4fa94d,#aec3b0,#4fa94d);background-size:300% 300%;border-radius:15px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;position:absolute}@keyframes moveBorder{0%{background-position:0 50%}to{background-position:300% 50%}}@media(max-width:600px){.module-container{width:80vw}.btn-module{font-size:small;width:100%}.course-logo{width:80px}}.course-spinner{align-items:center;display:flex;justify-content:center}h3{border-bottom:2px solid #aec3b0;color:var(--text-primary);font-size:1.5rem;font-weight:600;line-height:1.3;margin:1.5rem 0 .75rem;padding-bottom:.25rem;text-align:left}@media (max-width:600px){h3{font-size:1.3rem}}.para{text-align:left;width:100%}.para p{color:var(--text-primary);font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.code-container{border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:1rem auto;max-width:800px;overflow-x:auto;padding:1rem;width:100%}.code-container pre{font-size:.9rem;white-space:pre-wrap;word-break:break-word}@media (max-width:600px){.code-container{border-radius:6px;margin:.5rem 0;max-width:100%;padding:.5rem}.code-container pre{font-size:.4rem;line-height:1.4}}.video-container{height:400px;margin:1rem auto;max-width:720px;width:100%}.mcq-container{background-color:var(--bg-light);border-radius:12px;box-shadow:0 2px 8px #00000080;margin-bottom:1.5rem;padding:1.5rem;width:60%}.mcq-question{color:#eff6e0;font-weight:500;margin-bottom:1rem}.mcq-options{list-style:none;margin:0;padding:0}.option{background-color:var(--bg-buttons);border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:block;font-size:1rem;margin:.4rem 0;padding:.6rem 1rem;transition:all .2s ease;width:100%}.option:hover{background-color:var(--bg-hover)}.option.selected{background-color:#4b6572}.option.correct{background-color:#4caf50;color:#fff}.option.wrong{background-color:#e74c3c;color:#fff}.submit-btn{background-color:#598392;border:none;border-radius:8px;color:#eff6e0;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.6rem 1.2rem}.submit-btn:hover{background-color:var(--bg-hover)}.feedback{color:#aec3b0;font-weight:500;margin-top:1rem}@media (max-width:600px){.mcq-container{border-radius:10px;margin-bottom:1rem;padding:1rem;width:90%}.mcq-question{font-size:1rem;text-align:center}.option{font-size:.9rem;padding:.5rem .8rem}.submit-btn{font-size:.9rem;padding:.6rem;width:100%}.feedback{font-size:.9rem;text-align:center}}.lesson-container{align-items:center;background-color:var(--bg-light);color:#e0e6f0;display:flex;flex-direction:column;font-family:Inter,sans-serif;min-height:100vh;padding:3rem;position:relative}.btn-back{align-self:flex-start;background-color:var(--bg-hover);border:none;border-radius:8px;color:#fff;cursor:pointer;height:auto;margin:10px;padding:8px 12px;transition:background-color .3s ease;width:auto}.btn-back:hover{background:linear-gradient(145deg,var(--bg-light) 10%,var(--bg-gradient) 90%);cursor:pointer}@media(max-width:600px){.lesson-container{align-items:flex-start;padding:rem}}.lesson-container *,.mcq-block{page-break-inside:avoid}.mcq-block{margin-bottom:10px;page-break-after:auto;page-break-before:auto}.btn-download{background-color:var(--bg-hover);border:none;border-radius:8px;color:#fff;cursor:pointer;height:auto;padding:8px 12px;position:absolute;right:10px;top:10px;transition:background-color .3s ease;width:auto}.btn-download:hover{background:linear-gradient(145deg,var(--bg-light) 10%,var(--bg-gradient) 90%);cursor:pointer}
/*# sourceMappingURL=main.ff9fbaa5.css.map*/