body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.flip-card{background-color:initial;height:330px;margin:0 auto;perspective:1000px;width:400px}.flip-card-inner{height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.4,2.08,.55,.44);width:100%}.flip-card:focus-within .flip-card-inner,.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{align-items:center;backface-visibility:hidden;background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000012;color:#222;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;width:100%}.flip-card-front{z-index:2}.flip-card-back{background:#237044;color:#fff;transform:rotateY(180deg);z-index:1}.flip-card-front h3{font-family:Times New Roman,sans-serif;font-size:28px}body,html{background:#f7f7f7;font-family:Times New Roman,Times,serif;margin:0;padding:0}.header{align-items:center;background-color:#084128;color:#fff;display:flex;justify-content:space-between;left:0;padding:15px 20px;position:fixed;top:0;width:98%;z-index:100}h1{font-family:Times New Roman;font-size:32px;margin:0;text-align:center}.navigation a,.navigation button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;margin:0 15px;padding:8px 16px;text-decoration:none;transition:background .2s,color .2s}.navigation a:hover,.navigation button:hover{background-color:#388e3c}.main-content{background:#f7f7f7;margin-bottom:10px;margin-top:90px;text-align:center}.image-carousel{align-items:center;background:#eee;border-radius:12px;box-shadow:0 4px 16px #00000014;display:flex;height:300px;justify-content:center;margin:0 auto 40px;max-width:2200px;overflow:hidden;position:relative}.carousel-image{height:400px;object-fit:cover;transition:opacity 1s;width:100%}.arrow{background:#2c3e50b3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:2rem;padding:10px 16px;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s;z-index:2}.arrow.left{left:10px}.arrow.right{right:10px}.arrow:hover{background:#388e3c}.section-card{align-items:center;background:#e7ddcc;border-radius:16px;box-shadow:0 4px 16px #0000000f;display:flex;flex-direction:column;margin:40px auto;max-width:1350px;padding:40px 32px 32px;width:96vw}.about-us h2,.features h2,.gallery h2{color:#1c4532;font-size:2em;font-weight:700;letter-spacing:1.5px;margin-bottom:18px;text-align:center}.about-us p{color:#222;font-size:1.1em;line-height:1.6;margin-bottom:0;text-align:center}.gallery-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:18px;width:100%}.gallery-item{background-position:50%;background-size:cover;border-radius:8px;box-shadow:0 2px 8px #00000012;height:180px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.feature-item{align-items:center;background:#f4f4f4;border-radius:10px;box-shadow:0 2px 8px #00000012;color:#222;display:flex;flex-direction:column;font-size:1em;justify-content:flex-start;min-height:230px;padding:28px 18px;text-align:center}.feature-icon{display:block;font-size:2.5em;margin-bottom:12px}.feature-item h3{color:#1c4532;font-size:1.15em;font-weight:700;margin:12px 0 8px}.feature-item p{color:#444;font-size:1em;margin:0}@media (max-width:1200px){.image-carousel,.section-card{max-width:98vw;padding:24px 2vw}}@media (max-width:900px){.features-grid,.gallery-grid{grid-template-columns:1fr}.image-carousel,.section-card{padding:12px 2vw}.main-content{margin-top:120px}.feature-item{min-height:0}}@media (max-width:700px){.carousel-image,.image-carousel{height:220px}.section-card{padding:8px 1vw}}.features-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(3,1fr);justify-items:center;margin-top:30px;width:100%}@media (max-width:900px){.features-grid{grid-template-columns:1fr}}.footer-copyright{background:#111;color:#fff;font-family:Times New Roman,sans-serif;font-size:1.1em;letter-spacing:1px;margin-top:40px;padding:18px 0 12px;text-align:center;width:100%}.announcements-list{list-style:none;margin:0;padding:0}.announcement-date{color:#388e3c;font-weight:700;margin-right:8px}.activity-list{list-style:none;margin:0;padding:0}.activity-type{color:#1976d2;font-weight:700;margin-right:8px}.activity-date{color:#888;float:right;font-size:.95em}.testimonials-grid{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin-top:18px}.testimonial-card{background:#f4f4f4;border-radius:10px;box-shadow:0 2px 8px #00000012;font-style:italic;max-width:320px;min-width:220px;padding:20px 18px}.testimonial-quote{font-size:1.05em;margin-bottom:10px}.testimonial-name{color:#1c4532;font-weight:700;margin:0;text-align:right}.customization-options{align-items:center;display:flex;flex-wrap:wrap;gap:32px;justify-content:center;margin-top:18px}.theme-options{display:flex;gap:12px;margin-top:8px}.theme-btn{border:none;border-radius:20px;box-shadow:0 2px 8px #00000014;color:#fff;cursor:pointer;font-size:1em;font-weight:700;outline:none;padding:8px 18px;transition:transform .2s,box-shadow .2s}.theme-btn.selected,.theme-btn:hover{border:2px solid #fff;box-shadow:0 4px 16px #00000021;transform:scale(1.07)}.avatar-section{align-items:center;display:flex;flex-direction:column;margin-left:24px}.avatar-img{border:2px solid #388e3c;border-radius:50%;height:64px;margin-top:8px;width:64px}.announcement-cards-pro{display:flex;flex-direction:column;gap:24px;width:100%}.announcement-card-pro{align-items:center;background:#fff;border-radius:14px;box-shadow:0 4px 24px #283c5a14;display:flex;overflow:hidden;padding:0;transition:box-shadow .18s}.announcement-card-pro:hover{box-shadow:0 8px 32px #283c5a21}.announcement-img-pro{border-radius:0 14px 14px 0;height:90px;margin-right:0;object-fit:cover;width:90px}.announcement-content-pro{flex:1 1;padding:22px 28px}.announcement-date-pro{color:#388e3c;font-size:1em;font-weight:600;margin-bottom:7px}.announcement-message-pro{color:#222;font-size:1.09em;font-weight:500;line-height:1.5}.activity-cards-pro{display:flex;flex-wrap:wrap;gap:22px;justify-content:center;margin-top:10px}.activity-card-pro{align-items:flex-start;background:#fff;border-radius:14px;box-shadow:0 4px 24px #283c5a14;display:flex;flex:1 1 220px;max-width:320px;min-width:220px;padding:22px 26px;transition:box-shadow .18s}.activity-card-pro:hover{box-shadow:0 8px 32px #1976d221}.activity-icon-pro{font-size:2em;margin-right:18px;margin-top:2px}.activity-type-pro{color:#1976d2;font-size:1.1em;font-weight:700;margin-bottom:3px}.activity-detail-pro{color:#333;font-size:1.02em}.quote-mark-pro{color:#388e3c}@media (max-width:900px){.announcement-card-pro{align-items:flex-start;flex-direction:column}.announcement-img-pro{border-radius:14px 14px 0 0;height:120px;margin:0;width:100%}.announcement-content-pro{padding:20px 18px}}@media (max-width:700px){.testimonials-cards-pro{align-items:center;flex-direction:column;gap:22px}.activity-cards-pro{align-items:center;flex-direction:column;gap:18px}}.testimonials-cards-pro{display:flex;flex-wrap:wrap;gap:32px;justify-content:center;margin-top:24px}.testimonial-card-pro{align-items:flex-start;background:#fff;border-radius:16px;box-shadow:0 4px 24px #283c5a17;display:flex;flex-direction:column;max-width:370px;min-width:260px;padding:32px 28px 22px;position:relative;transition:box-shadow .18s}.testimonial-card-pro:hover{box-shadow:0 8px 32px #388e3c21}.testimonial-quote-pro{color:#222;font-size:1.18em;font-style:italic;line-height:1.6;margin-bottom:26px;padding-left:32px;position:relative}.quote-mark-pro{color:#2196f3;font-family:serif;font-size:2.2em;font-weight:700;left:0;position:absolute;top:-8px}.testimonial-profile-pro{align-items:center;display:flex;gap:13px}.testimonial-avatar-pro{border:2px solid #e0e0e0;border-radius:50%;height:48px;object-fit:cover;width:48px}.testimonial-name-pro{color:#1c4532;font-size:1.05em;font-weight:700}.testimonial-role-pro{color:#888;font-size:.98em;font-weight:500}.announcements-queue-container{height:340px;overflow:hidden;position:relative;width:100%}.carousel-row{display:flex;gap:32px;left:0;position:absolute;top:0;will-change:transform}.announcement-card-queue{background:#fff;border-radius:18px;box-shadow:0 4px 24px #283c5a14;flex:0 0 420px;height:300px;overflow:hidden;position:relative}.announcement-img-queue{border-radius:18px 18px 0 0;height:65%;object-fit:cover;width:100%}.announcement-text-content{background:linear-gradient(0deg,#000000b3 30%,#0000);bottom:0;color:#fff;height:35%;left:0;padding:20px;position:absolute;right:0}.motion-div-wrapper{background:#fff;position:relative;z-index:2}.horiz-carousel-outer{background:#fafafa;margin:0 auto 40px;max-width:1400px;overflow:hidden;padding:24px 0;width:100%}.horiz-carousel-inner{height:320px;position:relative;width:100%}.horiz-carousel-row{display:flex;gap:32px;left:0;position:absolute;top:0;width:max-content}.horiz-carousel-card{background:#fff;border-radius:18px;box-shadow:0 4px 24px #283c5a14;display:flex;height:300px;margin:0;max-width:420px;min-width:400px;overflow:hidden;position:relative}.horiz-carousel-img{border-radius:18px 0 0 18px;display:block;flex-shrink:0;height:100%;object-fit:cover;width:200px}.horiz-carousel-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:28px 22px 28px 28px}.horiz-carousel-title{color:#1976d2;font-size:1.3em;font-weight:600;margin-bottom:10px}.horiz-carousel-date{color:#388e3c;font-size:1em;font-weight:600;margin-bottom:7px}.horiz-carousel-message{color:#222;font-size:1.08em;font-weight:500;line-height:1.5}@media (max-width:1200px){.horiz-carousel-card{height:220px;max-width:320px;min-width:300px}.horiz-carousel-inner{height:220px}.horiz-carousel-img{width:100px}}@media (max-width:900px){.horiz-carousel-card{height:160px;max-width:90vw;min-width:90vw}.horiz-carousel-inner{height:170px}.horiz-carousel-img{width:70px}}.announcements-queue-container,.horiz-carousel-outer{overflow:hidden;position:relative}.carousel-row,.horiz-carousel-row{display:flex;position:absolute;width:100%}.section-banner{background:#1c4532;border:2.5px solid #15523e;border-radius:8px;box-shadow:0 4px 16px #2c3e501a;color:#fff!important;display:block;font-size:2.1em;font-weight:700;letter-spacing:2px;margin:0 auto 36px;max-width:1900px;padding:24px 0 20px;text-align:center;width:100%}@media (max-width:900px){.section-banner{font-size:1.3em;max-width:98vw;padding:14px 0 10px}}.login{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center}.login__logo{margin-bottom:20px;object-fit:contain;width:180px}.login__container{background-color:#fffffff2;border:1px solid #d3d3d3;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;font-weight:500;height:fit-content;margin:0 auto;padding:20px;position:relative;text-align:center;width:320px}.login__container>form>input{background-color:#f5f5f5;border:1.5px solid #000;border-radius:4px;height:35px;margin-bottom:15px;padding:5px;width:100%}.login__container>form>h5{color:#333;font-size:14px;margin-bottom:5px;text-align:left}.login__container>p{color:#555;font-family:Arial,sans-serif;font-size:14px;margin-top:18px}.login__signInButton{background:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;height:35px;margin-top:10px;transition:background-color .2s;width:100%}.login__signInButton:hover{background-color:#398439}.login__registerButton{align-items:center;background:none;border:2px solid #4caf50;border-radius:5px;color:#4caf50;cursor:pointer;display:flex;font-size:16px;height:35px;justify-content:center;margin-top:10px;text-align:center;text-decoration:none;transition:background-color .2s,color .2s;width:100%}.login__registerButton:hover{background-color:#4caf50;color:#fff}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font:inherit;font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font:inherit;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__century-view__decades__decade--neighboringCentury,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;font:inherit;font-size:.833em;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__century-view__decades__decade--neighboringCentury:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__month-view__days__day--neighboringMonth:disabled{color:#cdcdcd}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.home{background:#f7f7f7!important;margin-left:90px;min-height:100vh;padding:20px}.card-wrapper,.home{color:#111!important}.card-wrapper{background:#fff!important;border-radius:12px;box-shadow:0 4px 16px #0000001a;display:flex;flex-direction:column;margin:24px 0;overflow:hidden;padding:0;width:100%}.card-banner{background-color:#1c4532!important;border-bottom:1px solid #e0e0e0;color:#fff!important;font-size:1.5em;font-weight:700;padding:16px 24px;text-align:left;width:100%}.card-wrapper>:not(.card-banner){background:#fff!important;color:#111!important;flex:1 1 auto;padding:28px 32px}.dashboard-banner{background-color:#1c4532!important;border-radius:12px;color:#fff!important;margin-bottom:30px;padding:10px;text-align:center}.dashboard-banner h1{color:#fff!important;font-size:2em;font-weight:700;margin:0}.add-course button,.add-course input,.add-task button,.add-task input{background:#fff!important;border:1px solid #ccc;color:#111!important;margin:5px}.assignment-table,.courses-table{background:#fff!important;border-collapse:collapse;color:#111!important;margin-top:10px;width:100%}.assignment-table td,.assignment-table th,.courses-table td,.courses-table th{background:#fff!important;border:1px solid #ddd;color:#111!important;padding:8px}.assignment-table th,.courses-table th{background-color:#f4f4f4!important;color:#111!important}.add-course{align-items:center;display:flex;gap:10px}.add-course input,.add-course select{background:#fff!important;border:1px solid #ccc;border-radius:4px;color:#111!important;font-size:16px;padding:8px;width:150px}.add-course button{background-color:#28a745!important;border:none;border-radius:4px;color:#fff!important;cursor:pointer;font-size:16px;padding:8px 12px}.undo-button{background:#ffc107!important;border:none;border-radius:5px;color:#111!important;cursor:pointer;padding:5px 10px;text-decoration:none!important}.undo-button:hover{background:#ffab00!important;color:#111!important}.calendar-deadline-row{align-items:stretch;display:flex;gap:4%;justify-content:center;margin-top:20px;width:100%}.calendar-section,.deadline-widget{align-items:stretch;display:flex;flex:1 1;flex-direction:column;min-width:320px;width:48%}.calendar-section,.calendar-section .react-calendar,.deadline-widget{background:#fff!important;box-sizing:border-box;color:#111!important;margin:0 auto}.calendar-section .react-calendar{border-radius:0 0 12px 12px;max-width:100%!important;min-width:0;padding:0 0 16px;width:100%!important}.react-calendar__navigation{align-items:center;background:none!important;color:#111!important;display:flex!important;justify-content:space-between;min-height:44px;padding:8px 16px;width:100%}.react-calendar__navigation button{background:none!important;border:none;color:#1c4532!important;cursor:pointer;font-size:1.5em;min-height:36px;min-width:44px;padding:0 8px}.react-calendar__navigation__label{color:#1c4532!important;font-size:1.1em;font-weight:700}.deadline-widget ul{flex:1 1 auto;flex-direction:column;justify-content:flex-start;list-style:none;margin:0;padding:32px 0 0;padding:0}.deadline-widget li,.deadline-widget ul{background:#fff!important;color:#111!important;display:flex;gap:18px}.deadline-widget li{align-items:center;flex-wrap:nowrap;font-size:17px;overflow-x:auto;padding:12px 0;white-space:nowrap}.deadline-widget li strong{color:#111!important;font-weight:700;margin-right:0;min-width:140px}.deadline-widget li .subject{color:#333;margin-right:0}.deadline-widget li .days-left{background:#dc3545!important;border-radius:4px;color:#fff!important;display:inline-block;font-size:.95em;font-weight:700;padding:4px 12px;white-space:nowrap}.deadline-widget li .days-left.urgent{background:#dc3545!important}.done-button,.undo-button{border:none;border-radius:5px;cursor:pointer;font-size:1em;padding:5px 14px;white-space:nowrap}@media (max-width:700px){.deadline-widget li{font-size:15px;gap:10px}.deadline-widget li strong{min-width:90px}}.done-button,.undo-button{background:#28a745!important;color:#fff!important;margin-left:57px}.deadline-widget .no-deadlines-message{align-items:center;background:#fff!important;color:#666!important;display:flex;flex:1 1 auto;font-size:1.1em;justify-content:center;min-height:180px}.days-left{background:#28a745!important;border-radius:4px;color:#fff!important;font-weight:700;margin-left:10px;padding:4px 8px}.days-left.urgent{background:#dc3545!important;color:#fff!important}.completed-task{background-color:#d4edda!important;color:#111!important;text-decoration:line-through}.done-button{background:#28a745!important;border:none;border-radius:5px;color:#fff!important;cursor:pointer;padding:5px 10px}.done-button:disabled{background:#ccc!important;color:#fff!important;cursor:not-allowed}.react-calendar__month-view__days__day,.react-calendar__tile,.react-calendar__tile--active,.react-calendar__tile--now{background:#0000!important;color:#222!important}.react-calendar__tile--now{background:#e6ffe6!important;border-radius:50%;color:#1c4532!important}.react-calendar__tile--active{background:#1c4532!important;border-radius:50%;color:#fff!important}.highlight-date{background:#c6f6d5!important;border-radius:50%;color:#1c4532!important}@media (max-width:900px){.calendar-deadline-row{flex-direction:column;gap:0}.calendar-section,.deadline-widget{margin-bottom:20px;min-width:0;width:100%}}body.dark-mode .home,body.dark-mode .home .card-wrapper{background:#111!important;color:#fff!important}body.dark-mode .home .card-wrapper{box-shadow:0 4px 16px #ffffff1a}body.dark-mode .card-banner,body.dark-mode .dashboard-banner{background-color:#111!important;color:#fff!important}body.dark-mode .card-banner h2,body.dark-mode .dashboard-banner h1{color:#fff!important}body.dark-mode .home .card-wrapper>:not(.card-banner){background:#111!important;color:#fff!important}body.dark-mode .home .assignment-table,body.dark-mode .home .assignment-table td,body.dark-mode .home .assignment-table th,body.dark-mode .home .courses-table,body.dark-mode .home .courses-table td,body.dark-mode .home .courses-table th{background:#111!important;border-color:#fff!important;color:#fff!important}body.dark-mode .home .assignment-table th,body.dark-mode .home .courses-table th{background-color:#222!important;color:#fff!important}body.dark-mode .home .add-course button,body.dark-mode .home .add-course input,body.dark-mode .home .add-course select,body.dark-mode .home .add-task button,body.dark-mode .home .add-task input{background:#111!important;border:1px solid #fff!important;color:#fff!important}body.dark-mode .home .add-course button,body.dark-mode .home .done-button,body.dark-mode .home .undo-button{background:#28a745!important;color:#fff!important}body.dark-mode .home .undo-button{background:#ffc107!important;color:#111!important}body.dark-mode .home .undo-button:hover{background:#ffab00!important;color:#111!important}body.dark-mode .home .calendar-section,body.dark-mode .home .calendar-section .react-calendar,body.dark-mode .home .deadline-widget{background:#111!important;color:#fff!important}body.dark-mode .react-calendar__navigation,body.dark-mode .react-calendar__navigation__label{background:none!important;color:#fff!important}body.dark-mode .react-calendar__navigation button{color:#fff!important}body.dark-mode .home .deadline-widget .no-deadlines-message,body.dark-mode .home .deadline-widget li,body.dark-mode .home .deadline-widget ul{background:#111!important;color:#fff!important}body.dark-mode .home .days-left{background:#28a745!important;color:#fff!important}body.dark-mode .home .days-left.urgent{background:#dc3545!important;color:#fff!important}body.dark-mode .home .completed-task{background-color:#222!important;color:#fff!important}body.dark-mode .react-calendar__month-view__days__day,body.dark-mode .react-calendar__tile,body.dark-mode .react-calendar__tile--active,body.dark-mode .react-calendar__tile--now{background:#0000!important;color:#fff!important}body.dark-mode .react-calendar__tile--now{background:#444!important;border-radius:50%;color:#fff!important}body.dark-mode .react-calendar__tile--active{background:#fff!important;border-radius:50%;color:#1c4532!important}body.dark-mode .home .highlight-date{background:#444!important;color:#fff!important}@media (max-width:900px){body.dark-mode .calendar-section,body.dark-mode .deadline-widget{background:#111!important;color:#fff!important}}.form-vertical{background:#fff!important;color:#111!important;display:flex;flex-direction:column;gap:18px;padding:28px 32px}.form-vertical label{color:#1c4532;font-weight:500;margin-bottom:4px}.form-vertical input,.form-vertical select{background:#fff!important;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;color:#111!important;font-size:1em;padding:10px;width:100%}.form-action{align-self:flex-end;background-color:#28a745!important;border:none;border-radius:5px;color:#fff!important;cursor:pointer;font-size:1em;margin-top:14px;padding:10px 24px;transition:background .2s}.form-action:hover{background-color:#218838!important}.form-cancel{align-self:flex-end;background-color:#dc3545!important;border:none;border-radius:5px;color:#fff!important;cursor:pointer;font-size:.95em;margin-top:8px;padding:8px 20px;transition:background .2s}.form-cancel:hover{background-color:#b52a37!important}.section-desc{color:#555!important;font-size:1.05em;margin:0 0 -25px -10px;padding:8px 18px}.side-by-side-row{display:flex;gap:3%;margin-bottom:32px}.side-by-side-row .card-wrapper{box-sizing:border-box;min-width:320px;width:48%}@media (max-width:1000px){.side-by-side-row{flex-direction:column;gap:0}.side-by-side-row .card-wrapper{margin-bottom:20px;min-width:0;width:100%}}.upload-page{font-family:Arial,sans-serif;margin:0 auto;max-width:900px;padding:32px}h1,h2,h3{text-align:center}.form-group{margin-bottom:24px}label{display:block;font-size:1.2em;font-weight:700;margin-bottom:7px}input[type=file],select{border:1px solid #ccc;min-height:60px;padding:14px;width:100%}button,input[type=file],select{border-radius:5px;font-size:1.1em}button{margin:10px 8px 10px 0;padding:12px 18px}.btn-primary{background-color:#1c8051;color:#fff;display:block;font-size:1.2em;margin-top:18px;padding:16px;text-align:center;width:100%}.btn-primary:hover{background-color:#00b34b}.selected-files ul,.uploaded-files ul{font-size:1.1em;list-style-type:none;padding:0}.selected-files li,.uploaded-files li{align-items:center;background:#f8f9fa;border-radius:5px;display:flex;font-size:1.1em;justify-content:flex-start;margin:7px 0;padding:12px}.selected-files li span[role=img],.uploaded-files li span[role=img]{font-size:1.5em;margin-right:14px}.selected-files a,.uploaded-files a{color:#007bff;text-decoration:none}.selected-files a:hover,.uploaded-files a:hover{text-decoration:underline}.preview-btn{background-color:#28a745;color:#fff}.preview-btn:hover{background-color:#218838}.edit-btn{background-color:#ffc107;color:#000}.edit-btn:hover{background-color:#e0a800}.remove-btn{background-color:#dc3545;color:#fff}.remove-btn:hover{background-color:#c82333}.upload-container{align-items:center;display:flex;gap:14px;margin-top:18px}.info-icon{cursor:pointer;font-size:1.4rem;position:relative}.tooltip{background-color:#000c;border-radius:5px;color:#fff;font-size:1em;left:24px;opacity:0;padding:10px;position:absolute;top:-48px;transition:opacity .3s;width:270px;z-index:10}.info-icon:hover .tooltip{opacity:1}.progress-bar{background-color:#f3f3f3;border-radius:6px;height:18px;margin-left:14px;overflow:hidden;position:relative;width:120px}.progress{background-color:#1c8051;border-radius:6px;color:#fff;font-size:.9em;height:100%;line-height:18px;text-align:center;transition:width .3s}.sidebar{align-items:center!important;background-color:#1c4532!important;color:#fff!important;display:flex!important;flex-direction:column!important;height:100vh!important;padding-top:20px!important;position:fixed!important;width:80px!important}.logo{font-size:13px!important;margin-bottom:20px!important;text-align:center!important}.logo h3{color:#fff!important}.logo-img{height:auto!important;margin-bottom:10px!important;width:40px!important}.sidebar ul{list-style:none!important;padding:0!important;width:100%!important}.sidebar ul li{padding:15px 0!important;position:relative!important;text-align:center!important;width:100%!important}.sidebar ul li a{align-items:center!important;color:#fff!important;display:flex!important;flex-direction:column!important;font-size:15px!important;text-decoration:none!important}.sidebar ul li svg{font-size:23px!important;margin-bottom:5px!important}.sidebar ul li a:hover{background-color:#ffffff1a!important}.collapse-icon{cursor:pointer!important;font-size:20px!important;margin-top:auto!important;padding:20px 0!important}.quickstart-btn{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:.3s}.quickstart-btn:hover{background-color:#45a049}.quickstart-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.quickstart-box{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0003;padding:20px;position:relative;text-align:left;width:400px}.quickstart-title{color:#333;font-size:18px;font-weight:700}.quickstart-desc{color:#555;font-size:14px;margin-bottom:15px}.close-btn{background:none;border:none;cursor:pointer;font-size:18px;position:absolute;right:15px;top:10px}.close-btn:hover{color:red}.quickstart-list{list-style:none;margin:0;padding:0}.quickstart-list li{align-items:center;color:#333!important;display:flex;font-size:16px;gap:8px;margin-bottom:8px}.checkmark{flex-shrink:0;font-size:20px}.quickstart-text{color:#000!important;flex-grow:1;font-weight:500;white-space:normal;word-break:break-word}.quickstart-footer{color:#444;font-size:14px;margin-top:10px}.registration-container{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;margin:50px auto;max-width:400px;padding:25px;text-align:center}.registration-container h2{color:#333;font-size:22px;margin-bottom:20px}.registration-container input{border:1px solid #ddd;border-radius:5px;font-size:14px;margin:10px 0;padding:10px;width:94%}.password-container{align-items:center;display:flex;position:relative;width:100%}.password-container input{border:1px solid #ddd;border-radius:5px;font-size:14px;padding:10px 40px 10px 10px;width:100%}.toggle-password{color:#555;cursor:pointer;font-size:18px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.toggle-password:hover{color:#333}.captcha-container{font-size:14px;margin-top:15px;text-align:left}.captcha-container label{display:block;font-weight:700}.captcha-container strong{color:#007bff;font-size:16px}.registration-container button{background:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:15px;padding:12px;width:100%}.registration-container button:hover{background:#218838}.password-requirements ul{margin:0;padding-left:20px}.password-requirements li{font-size:small}.password-requirements li.fulfilled{color:green}.password-requirements li:not(.fulfilled),.password-strength.weak{color:red}.password-strength.moderate{color:orange}.password-strength.strong{color:green}.contact-container{background-color:#fff;border-radius:12px;box-shadow:0 6px 18px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:40px auto;max-width:700px;padding:30px 40px;text-align:center}.contact-container h2{color:#333;font-size:28px;margin-bottom:10px}.contact-container p{color:#555;font-size:16px;margin-bottom:20px}.contact-container ul{list-style:none;margin-bottom:30px;padding:0}.contact-container li{color:#444;font-size:15px;margin:8px 0}.contact-container h3{color:#222;font-size:20px;margin-bottom:10px}textarea{border:1px solid #ccc;border-radius:8px;box-shadow:inset 0 2px 5px #0000000d;font-size:16px;height:120px;padding:12px;resize:vertical;transition:border-color .3s ease;width:100%}textarea:focus{border-color:#28a745;outline:none}button{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;margin-top:15px;padding:10px 22px;transition:background-color .3s ease,transform .2s ease}button:hover{background-color:#218838;transform:scale(1.05)}.popup{animation:fadeOut 3s forwards;background-color:#4caf50;border-radius:8px;color:#fff;display:inline-block;font-weight:700;margin-top:25px;padding:12px 20px}@keyframes fadeOut{0%{opacity:1}90%{opacity:1}to{opacity:0}}body.dark-mode .contact-container{background-color:#1e1e1e;box-shadow:0 6px 20px #0009;color:#f0f0f0}body.dark-mode .contact-container h2,body.dark-mode .contact-container h3,body.dark-mode .contact-container li,body.dark-mode .contact-container p{color:#f5f5f5}body.dark-mode textarea{background-color:#2a2a2a;border:1px solid #555;color:#e0e0e0}body.dark-mode textarea:focus{border-color:#4caf50}body.dark-mode .popup{background-color:#66bb6a;color:#fff}.resources-container{background:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:40px auto;max-width:800px;padding:20px}.resources-container h2{color:#333;font-size:26px;margin-bottom:20px;text-align:center}.resource-category{background:#fff;border-left:6px solid #4caf50;border-radius:5px;margin-bottom:20px;padding:15px;transition:.3s ease-in-out}.resource-category:hover{box-shadow:0 4px 10px #00000026}.resource-category h3{color:#2c3e50;font-size:20px}.resource-category ul{list-style:none;padding:0}.resource-category li{margin:8px 0}.resource-category a{color:#1e88e5;font-weight:700;text-decoration:none;transition:color .3s ease-in-out}.resource-category a:hover{color:#1565c0;text-decoration:underline}.App{display:flex}.sidebar{background-color:#333;color:#fff;padding:20px;width:20%}.content{width:80%}.add-task button,.add-task input{margin:5px}.assignment-table,.courses-table,.feedback-table{border-collapse:collapse;width:100%}.assignment-table td,.assignment-table th,.courses-table td,.courses-table th,.feedback-table td,.feedback-table th{border:1px solid #ddd;padding:8px}.assignment-table th,.courses-table th,.feedback-table th{background-color:#f4f4f4}.app-container{display:flex}.sidebar{width:250px}.content{flex-grow:1;padding:20px}.dark-mode,body.dark-mode{background-color:#121212;color:#f5f5f5}.dark-toggle{background:#eee;border-radius:10px;padding:5px 10px;position:fixed;right:20px;top:1px;z-index:1000}.dark-mode .dark-toggle{background:#333;color:#fff}
/*# sourceMappingURL=main.ce59b0ec.css.map*/