.App{background-color:#fff;color:#000;text-align:center}.Top-bar{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000014;border-bottom:1px solid #ccc;box-sizing:border-box;color:#000;display:flex;height:60px;justify-content:space-between;left:0;padding:0 10px;position:fixed;right:0;top:0;width:100%;z-index:1000}.Login-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-right:10px;padding:10px 20px}.Login-button:hover{background-color:#0056b3}.Profile{align-items:center;display:flex}.Profile-image{border-radius:50%;height:40px;margin-right:10px;width:40px}.Profile-details{align-items:flex-start;display:flex;flex-direction:column;transition:all .3s ease}.Profile .Profile-details p{font-size:14px;margin:0}.Profile-name{font-size:16px;font-weight:700;margin-bottom:2px}.Profile-email{color:#4479cd;font-size:14px;margin-bottom:6px}.Profile-extra{color:#333;display:flex;font-size:13px;gap:12px;margin-top:2px}.Profile-grade,.Profile-school{background:#e9ecef;border-radius:4px;font-weight:500;padding:2px 8px}.Logout-button{background-color:#d9534f;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;margin-top:0;opacity:0;padding:5px 10px;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:opacity .3s ease}.Profile:hover .Logout-button{opacity:1}.Profile:hover .Profile-details{padding-right:80px}.Logout-button:hover{background-color:#c9302c}.App-body{display:flex;margin-top:60px}.NavBar{background-color:#f4f4f4;border-right:1px solid #ccc;height:100vh;left:0;padding-top:20px;position:fixed;top:60px;width:200px}.NavBar ul{list-style-type:none;padding:0}.NavBar li{padding:0 20px}.NavBar li:hover{background-color:#e9ecef}.NavBar a{display:block;padding:10px}.Content{flex-grow:1;margin-left:200px;padding:20px}.Content section{margin-bottom:40px}.App-header{display:none}p{font-size:18px}p,section h2{text-align:left}section h2{margin-left:0}.Courses-container{display:flex;flex-wrap:wrap;gap:20px}.Course-box{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 8px #4479cd14;box-sizing:border-box;display:flex;flex-direction:column;min-width:0;padding:20px;transition:box-shadow .2s;width:calc(25% - 20px)}.Course-box h3{margin:0}.Course-box h4{margin:15px 0 0}.Course-box p{font-size:15px;margin:5px 0}.Course-box ul{margin:10px 0;padding-left:20px}.Course-box li{margin-bottom:5px;text-align:left}.Upcoming-class{background-color:#e9ecef;border-radius:5px;margin-top:auto;padding:10px;text-align:left}.Upcoming-class h5{font-size:15px;margin:0 0 5px}.Upcoming-class p{font-size:15px;margin:0 0 3px}.Home-container{display:flex;flex-wrap:wrap;gap:20px}.Home-left-box,.Home-right-box{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;padding:20px;text-align:left;width:calc(50% - 10px)}.Home-left-box{order:1}.Home-right-box{order:2}.Home-donation-box{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;display:flex;margin-top:20px;padding:20px;text-align:left;width:100%}.Home-donation-box b,a{font-size:1.17em}.Enroll-button{background-color:#4479cd;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px}.Enroll-button:hover{background-color:#365899}.Enroll{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;margin:20px;padding:20px}.Confirm-enroll-button{background-color:#4479cd;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px}.Confirm-enroll-button:hover{background-color:#365899}.Cancel-enroll-button{background-color:#e9ecef;border:none;border-radius:5px;color:#000;cursor:pointer;margin-top:10px;padding:10px 20px}.Cancel-enroll-button:hover{background-color:#b0b3b8}.Enroll-container{display:flex;flex-wrap:wrap;gap:20px;margin:20px}.Enroll-left-box,.Enroll-right-box{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;padding:20px;text-align:left;width:calc(50% - 10px)}.Enroll-left-box{order:1}.Enroll-right-box{order:2}.Enroll-right-box form{display:flex;flex-direction:column}.Enroll-right-box h3,p{margin-top:0}.Enroll-right-box h3{margin-bottom:0}.form-group{margin-bottom:15px}.form-group label{font-weight:700;margin-bottom:5px}.form-group input{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;padding:10px;width:100%}input[readonly]{background-color:#f0f0f0;border-color:#d0d0d0;color:#a0a0a0}.NavBar a{color:#000;cursor:pointer;text-decoration:none}.NavBar li.selected{background-color:#4479cd}.NavBar li.selected a{color:#fff}.NavBar a:hover{cursor:pointer}.History-course-box{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;display:flex;flex-direction:column;padding:20px;width:calc(25% - 20px)}.History-course-box h3{margin:0}.History-course-box h4{margin:15px 0 0}.History-course-box p{font-size:15px;margin:5px 0}.History-course-box ul{margin:10px 0;padding-left:20px}.History-course-box li{margin-bottom:5px;text-align:left}.Completed-sessions-counter{color:#333;font-size:16px;text-align:left}.Manage-course-box{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;display:flex;flex-direction:column;padding:20px;position:relative;width:calc(25% - 20px)}.Action-buttons{display:none;gap:10px;position:absolute;right:10px;top:10px}.Manage-course-header{align-items:center;display:flex;flex-direction:column;justify-content:space-between;text-align:center}.Delete-button,.Edit-button{background-color:#007bff;border:none;border-radius:3px;color:#fff;cursor:pointer;padding:5px 10px}.Delete-button{background-color:#dc3545}.Delete-button:hover{background-color:#c82333}.Manage-course-box:hover .Action-buttons{display:flex}.Manage-course-box h3{margin:0}.Manage-course-box h4{margin:15px 0 0}.Manage-course-box p{font-size:15px;margin:5px 0}.Manage-course-box ul{margin:10px 0;padding-left:20px}.Manage-course-box li{margin-bottom:5px;text-align:left}.Manage-course-box input[type=text]{border:1px solid #ddd;border-radius:3px;margin:0 5px;padding:5px;width:50px}.Save-button{padding:10px 20px}select{border:1px solid #ddd;border-radius:3px;padding:5px}.Cancel-button{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px}.Cancel-button:hover{background-color:#c82333}.Save-button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-left:10px;padding:5px 10px}.Save-button:hover{background-color:#218838}.Edit-buttons{display:flex;position:absolute;right:10px;top:10px}.Enrollments-list{display:flex;flex-wrap:wrap;gap:20px}.Enrollment-course-box{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;display:flex;flex-direction:column;padding:20px;width:calc(25% - 20px)}.Enrollment-course-box h3{margin:0}.Enrollment-course-box h4{margin:15px 0 0}.Enrollment-course-box p{font-size:15px;margin:5px 0}.Enrollment-course-box ul{margin:10px 0;padding-left:20px}.Enrollment-course-box li{margin-bottom:5px;text-align:left}.Profile-box{border-radius:5px;margin-bottom:10px;padding:10px;position:relative;transition:all .3s ease}.Profile-box.waiting{background-color:#fff9c4}.Profile-box.enrolled{background-color:#28a745;color:#fff}.Profile-box.enrolled:hover,.Profile-box.waiting:hover{padding-bottom:60px}.Profile-buttons{bottom:10px;display:flex;justify-content:space-between;left:10px;margin-top:10px;opacity:0;position:absolute;right:10px;transition:opacity .3s ease}.Profile-box.enrolled:hover .Profile-buttons,.Profile-box.waiting:hover .Profile-buttons{opacity:1}.Profile-button{background-color:#007bff;border:none;border-radius:3px;color:#fff;cursor:pointer;padding:5px 10px}.Profile-button.cancel{background-color:#dc3545}.status-waiting{color:#cc0}.status-enrolled{color:#6c6}.status-instructor{color:#4479cd}.Create-course-box{align-items:center;background-color:#f0f0f0;border:2px dashed #ccc;cursor:pointer;display:flex;justify-content:center}.Plus-button{color:#007bff;font-size:2rem}h1{color:#4479cd}.Home-donation-box div{margin-right:20px}.Maintenance-message{color:red;font-size:24px;margin-top:60px;text-align:center}.Profile-box.enrolled .Profile-email{color:#fff;font-weight:600;text-shadow:0 1px 4px #0000001f}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:5px;box-shadow:0 2px 10px #0000001a;max-width:100%;padding:20px;width:500px}.close-button{background:none;border:none;cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:10px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:proximanova,Helvetica,Arial,sans-serif;margin:0}@font-face{font-family:proximanova;font-style:normal;font-weight:400;src:url(/static/media/Proxima-Nova-Regular.3a00e3f7fc7147e65ec3.woff2) format("woff2"),url(/static/media/Proxima-Nova-Regular.301436a277ff50c2ffc0.woff) format("woff")}@font-face{font-family:proximanova;font-style:normal;font-weight:700;src:url(/static/media/Proxima-Nova-Bold.f70257c9aedd20e0eece.woff2) format("woff2"),url(/static/media/Proxima-Nova-Bold.606be634ca2618430467.woff) format("woff")}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}strong{font-family:proximanova,Helvetica,Arial,sans-serif;font-weight:700}