:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffe6;background:linear-gradient(to top,#1a0d2e,#16213e,#0f3460);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#a78bfa;text-decoration:inherit}a:hover{color:#c4b5fd}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(to top,#1a0d2e,#16213e,#0f3460);background-attachment:fixed}h1{font-size:3.2em;line-height:1.1;color:#e0e7ff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0003}button:hover{background:linear-gradient(135deg,#5b21b6,#7c3aed);transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}button:focus,button:focus-visible{outline:2px solid #c4b5fd;outline-offset:2px}#root{min-height:100vh;width:100%}.home-page{min-height:100vh;background:linear-gradient(to top,#1a0d2e,#16213e,#0f3460);display:flex;flex-direction:column;color:#fff;font-family:Arial,sans-serif}.navbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:100;height:3.5rem}@media (min-width: 768px){.navbar{padding:.75rem 1.5rem;height:4rem}}@media (min-width: 1024px){.navbar{padding:.75rem 2rem;height:4.5rem}}.navbar-left,.logo{display:flex;align-items:center}.logo img{height:2rem;width:auto;max-height:2.7rem}@media (min-width: 768px){.logo img{height:2.5rem}}@media (min-width: 1024px){.logo img{height:2.7rem}}.logo-placeholder{display:none}.navbar-right{display:flex;align-items:center}.profile-container{position:relative}.profile-btn{display:flex;align-items:center;gap:.75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:.4rem .6rem .4rem 1rem;color:#e0e7ff;cursor:pointer;transition:all .3s ease}.profile-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:scale(1.02)}.profile-btn span{font-size:.8rem;font-weight:500;letter-spacing:.5px}.profile-icon{width:32px;height:32px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center}.profile-icon i{font-size:1.2rem;color:#e0e7ff}.profile-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#1e143cf2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:.5rem;min-width:180px;box-shadow:0 8px 32px #0000004d;animation:dropdownFadeIn .2s ease-out;z-index:1000}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#e0e7ff;font-size:.9rem;background:transparent;border:none;width:100%;cursor:pointer;border-radius:8px;transition:all .2s ease}.dropdown-item:hover{background:#ffffff1a;color:#fff}.dropdown-item i{font-size:1.1rem;color:#ff8c00}.dropdown-overlay{position:fixed;inset:0;z-index:99}.dashboard-content{flex:1;padding:1.5rem;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.dashboard-top-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.dashboard-charts-column,.dashboard-deadlines-column{display:flex;flex-direction:column;gap:1.5rem}.dashboard-left-section{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.dashboard-right-section{display:flex;flex-direction:column;gap:1.5rem}@media (max-width: 1024px){.dashboard-top-grid{grid-template-columns:1fr;gap:1rem}.dashboard-charts-column,.dashboard-deadlines-column{width:100%}.dashboard-card{padding:1.25rem}}@media (max-width: 768px){.dashboard-content{padding:1rem}.dashboard-top-grid{gap:1rem}.dashboard-left-section{grid-template-columns:1fr}}@media (max-width: 480px){.dashboard-content{padding:.75rem}.dashboard-top-grid{gap:.75rem;margin-bottom:.75rem}.dashboard-card{padding:1rem;border-radius:12px}}.dashboard-bottom-section{display:flex;flex-direction:column;gap:2rem}.dashboard-card{background:#1e143ccc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;color:#fff;box-sizing:border-box}.dashboard-card h3{margin:0 0 1rem;font-size:.9rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#ff8c00}.attendance-card{display:flex;flex-direction:column;text-align:center;position:relative}.attendance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.attendance-header h3{margin:0}.attendance-legend-top{position:absolute;top:4rem;left:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:10}.semester-dropdown{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.5rem .75rem;color:#e0e7ff;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease}.semester-dropdown:hover{background:#ffffff26;border-color:#ff8c0080}.semester-dropdown option{background:#1a0d2e;color:#e0e7ff}.chart-container{width:140px;height:140px;margin:1rem auto;display:flex;align-items:center;justify-content:center;position:relative;border-radius:50%}.donut-chart{width:100%;height:100%}.progress-ring{transition:stroke-dasharray .8s ease-in-out;stroke-linecap:round}.chart-percentage{font-size:1.4rem;font-weight:700;fill:#ff8c00;text-anchor:middle;dominant-baseline:middle}.attendance-stats{display:flex;justify-content:space-around;margin:1.25rem 0;padding:1rem 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem}.stat-label{font-size:.75rem;color:#a5b4fc;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.stat-value{font-size:1.1rem;font-weight:700;color:#ff8c00}.attendance-legend{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem;padding:.75rem;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.legend-item{display:flex;align-items:center;gap:.75rem}.legend-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.legend-dot.attendance-present{background:#ff8c00;box-shadow:0 0 4px #ff8c0066}.legend-dot.attendance-absent{background:#fff3;border:1px solid rgba(255,255,255,.3)}.legend-dot.attendance-remaining{background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.legend-text{font-size:.8rem;color:#e0e7ff;font-weight:500}.deadlines-card{height:fit-content}.deadlines-list{display:flex;flex-direction:column;gap:1rem}.deadline-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff0d;border-radius:12px;border-left:4px solid #ff8c00;transition:all .3s ease}.deadline-item:hover{background:#ff8c001a;transform:translate(-5px)}.deadline-info h4{margin:0 0 .25rem;font-size:.9rem;color:#e0e7ff;font-weight:600}.deadline-info p{margin:0;font-size:.8rem;color:#a5b4fc}.deadline-date{font-size:.85rem;font-weight:700;color:#ff8c00;background:#ff8c0026;padding:.5rem .75rem;border-radius:8px;text-align:center;min-width:60px}.deadline-meta{display:flex;justify-content:flex-start;align-items:center;margin-top:.5rem;gap:.75rem}.deadline-priority{font-size:.6rem;padding:.25rem .5rem;border-radius:12px;color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0003;display:inline-flex;align-items:center;justify-content:center;min-width:50px;width:50px;text-align:center;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.deadline-priority[style*="rgb(255, 71, 87)"]{animation:pulse 2s infinite;box-shadow:0 0 #ff475766}@keyframes pulse{0%{box-shadow:0 0 #ff475766}70%{box-shadow:0 0 0 6px #ff475700}to{box-shadow:0 0 #ff475700}}.deadline-days{font-size:.7rem;color:#a5b4fc;opacity:.9;display:inline-flex;align-items:center;margin-left:0}.performance-card{min-height:250px}.bar-chart{display:flex;align-items:end;justify-content:space-around;height:150px;gap:.5rem;margin:1rem 0}.bar-group{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;position:relative;cursor:pointer}.bars{display:flex;align-items:end;gap:2px;height:120px;justify-content:center}.bar{width:20px;border-radius:4px 4px 0 0;min-height:10px;transition:all .3s ease;cursor:pointer;background:linear-gradient(to top,#ff8c00,orange);position:relative;box-shadow:0 1px 4px #ff8c0033}.bar:hover{transform:scaleY(1.03);box-shadow:0 2px 8px #ff8c0066}.performance-bar{background:linear-gradient(to top,#ff8c00,orange)!important}.bar.series1{background:linear-gradient(to top,#ff8c00,orange)}.bar.series2{background:linear-gradient(to top,#ff6b35,#ff4500)}.bar-label{font-size:.7rem;color:#a5b4fc;text-align:center}.chart-legend{display:flex;gap:1rem;justify-content:center}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.legend-color{width:12px;height:12px;border-radius:2px}.legend-color.series1{background:linear-gradient(to right,#ff8c00,orange)}.legend-color.series2{background:linear-gradient(to right,#ff6b35,#ff4500)}.performance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.subject-dropdown{background:#ffffff1a;border:1px solid rgba(255,140,0,.3);border-radius:8px;color:#fff;padding:.5rem .75rem;font-size:.8rem;outline:none;cursor:pointer}.subject-dropdown:focus{border-color:#ff8c0099;box-shadow:0 0 0 2px #ff8c001a}.subject-dropdown option{background:#1a0d2e;color:#fff}.performance-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;padding:1rem;background:#ffffff0d;border-radius:12px}.performance-metric{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.25rem}.metric-label{font-size:.7rem;color:#a5b4fc;text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:1.1rem;font-weight:700;color:#ff8c00}.metric-insight{font-size:.65rem;color:#a5b4fc;opacity:.8}.performance-summary{background:#ffffff0d;border-radius:12px;padding:.75rem 1rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,.1)}.gpa-display{display:flex;align-items:center;gap:.75rem}.gpa-label{font-size:.75rem;color:#a5b4fc;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.gpa-value{font-size:1.2rem;font-weight:700;color:#ff8c00;background:#ff8c0026;padding:.4rem .75rem;border-radius:8px;border:1px solid rgba(255,140,0,.2)}.gpa-insight{font-size:.7rem;font-weight:600;color:#e0e7ff;background:#ff8c001a;padding:.25rem .5rem;border-radius:12px;border:1px solid rgba(255,140,0,.15);text-transform:uppercase;letter-spacing:.5px}.performance-info{display:flex;justify-content:space-between;padding:.75rem;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.05);margin-top:.5rem}.semester-info{font-size:.8rem;color:#e0e7ff;margin:0;display:flex;align-items:center;gap:.25rem}.semester-info:first-child{font-weight:500}.semester-info:last-child{color:#a5b4fc}.schedule-card{background:#ff8c001a;border:1px solid rgba(255,140,0,.2);margin-bottom:.5rem}.schedule-list{display:flex;flex-direction:row;gap:1rem;overflow-x:auto;padding:.5rem 0;justify-content:flex-start;scroll-snap-type:x mandatory;scroll-behavior:smooth;flex:1;scrollbar-width:none;-ms-overflow-style:none;min-width:0}.schedule-list[data-scrollable=false]{justify-content:center}.schedule-list::-webkit-scrollbar{display:none}.schedule-item{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem 1rem;background:#ffffff0d;border-radius:16px;border:2px solid rgba(255,140,0,.3);transition:all .3s ease;min-width:140px;flex-shrink:0;text-align:center;scroll-snap-align:start}.schedule-item:hover{background:#ff8c0026;border-color:#ff8c0099;transform:translateY(-5px);box-shadow:0 8px 24px #ff8c0033}.schedule-time{font-weight:700;color:#ff8c00;font-size:1.1rem;background:#ff8c0033;padding:.75rem 1rem;border-radius:12px;border:1px solid rgba(255,140,0,.4);width:100%;box-sizing:border-box}.schedule-details{display:flex;flex-direction:column;gap:.5rem;width:100%}.schedule-subject{color:#e0e7ff;font-weight:600;font-size:1rem;margin:0}.schedule-room{color:#a5b4fc;font-size:.85rem;opacity:.9;background:#ffffff1a;padding:.25rem .5rem;border-radius:6px}.navigation-icons{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:.5rem 0 1rem;position:relative;width:100%}@media (min-width: 768px){.navigation-icons{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));max-width:800px;margin:0 auto}}@media (min-width: 1024px){.navigation-icons{grid-template-columns:repeat(4,1fr);max-width:1000px}}.nav-icon-btn{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;background:#1e143ccc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;color:#fff;cursor:pointer;transition:all .3s ease;text-align:center;width:100%;height:100%;min-height:120px;justify-content:center}.nav-icon-btn:hover{background:#281e50e6;border-color:#ff8c004d;transform:translateY(-3px);box-shadow:0 8px 24px #ff8c0033}.nav-icon-btn.active{background:#ff8c0026;border-color:#ff8c0080;transform:translateY(-2px);box-shadow:0 6px 20px #ff8c004d}.nav-icon-btn.active .nav-icon{background:linear-gradient(135deg,orange,#ff8c00);box-shadow:0 6px 20px #ff8c0066}.nav-icon-btn.active span{color:orange}.nav-icon{width:50px;height:50px;background:linear-gradient(135deg,#ff8c00,orange);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #ff8c004d}.nav-icon-btn span{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;line-height:1.2;color:#e0e7ff}.exam-countdown-section{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:1.5rem;margin:1.5rem 0;box-shadow:0 8px 32px #0003;animation:fadeIn .3s ease-out}.exam-countdown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.exam-countdown-header h3{color:#ff8c00;font-size:1rem;font-weight:700;margin:0;letter-spacing:1px}.exam-semester{background:#ff8c0033;color:#ff8c00;font-size:.8rem;font-weight:600;padding:.25rem .5rem;border-radius:8px;border:1px solid rgba(255,140,0,.3)}.exam-countdown-content{display:flex;flex-direction:column;gap:1rem}.exam-info{display:flex;flex-direction:column;gap:.5rem}.exam-info h4{color:#e0e7ff;font-size:1.1rem;font-weight:600;margin:0}.exam-date{display:flex;align-items:center;gap:.5rem;color:#a5b4fc;font-size:.9rem}.exam-countdown-timer{display:flex;gap:.75rem;justify-content:center;margin:.75rem 0}.exam-countdown-item{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#ff8c00,orange);border-radius:12px;padding:.75rem;min-width:60px;box-shadow:0 4px 16px #ff8c0040;animation:examCountdownPulse 2s infinite}.exam-countdown-number{font-size:1.25rem;font-weight:700;color:#fff;line-height:1;margin-bottom:.25rem}.exam-countdown-label{font-size:.65rem;color:#ffffffe6;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.exam-progress{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin:.5rem 0}.exam-progress-bar{height:100%;background:linear-gradient(to right,#ff8c00,orange);border-radius:4px;transition:width 1s ease-in-out}.exam-progress-text{display:flex;justify-content:space-between;font-size:.75rem;color:#a5b4fc}.exam-tips{background:#ffffff0d;border-left:3px solid #ff8c00;padding:.75rem 1rem;border-radius:0 8px 8px 0;margin-top:1rem}.exam-tips h5{color:#ff8c00;font-size:.8rem;margin:0 0 .5rem}.exam-tips p{color:#c7d2fe;font-size:.8rem;margin:0;line-height:1.5}@media (max-width: 768px){.exam-countdown-section{padding:1.25rem;margin:1.25rem 0}.exam-countdown-timer{gap:.5rem}.exam-countdown-item{padding:.6rem;min-width:55px}.exam-countdown-number{font-size:1.1rem}.exam-countdown-label{font-size:.6rem}}@media (max-width: 480px){.exam-countdown-section{padding:1rem;margin:1rem 0}.exam-countdown-header{flex-direction:column;align-items:flex-start;gap:.5rem}.exam-countdown-timer{gap:.4rem}.exam-countdown-item{padding:.5rem;min-width:50px}.exam-countdown-number{font-size:1rem}}.navigation-section{position:relative}.navigation-section{padding:0 1rem}@media (min-width: 768px){.navigation-section{padding:0}}.footer{padding:2rem;text-align:center;background:#ffffff08;border-top:1px solid rgba(255,255,255,.1)}.footer-text{color:#a5b4fc;font-size:1rem;margin:0}.heart{color:#ef4444;font-size:1.1rem;display:inline-block;animation:heartbeat 2s infinite}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes examCountdownPulse{0%{box-shadow:0 0 #ff8c0099}70%{box-shadow:0 0 0 10px #ff8c0000}to{box-shadow:0 0 #ff8c0000}}@keyframes heartbeat{0%,50%,to{transform:scale(1)}25%{transform:scale(1.1)}75%{transform:scale(1.05)}}.chart-tooltip{position:fixed;background:#140a28f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,140,0,.3);border-radius:8px;padding:.75rem;color:#fff;font-size:.85rem;pointer-events:none;z-index:1000;opacity:0;transition:opacity .2s ease;box-shadow:0 4px 16px #0000004d;max-width:250px;width:auto}.chart-tooltip.visible{opacity:1}.chart-tooltip h4{margin:0 0 .5rem;color:#ff8c00;font-size:.9rem;font-weight:600}.chart-tooltip p{margin:.25rem 0;color:#e0e7ff}.bar-group{position:relative;cursor:pointer}.bar-group:hover .bar{opacity:.8;transform:scaleY(1.05)}.attendance-card{position:relative}.progress-ring{transition:stroke-dasharray .5s ease-in-out}.bar{cursor:pointer;transition:all .3s ease}.bar:hover{filter:brightness(1.2) drop-shadow(0 2px 4px rgba(255,140,0,.3))}.section-loader{display:flex;justify-content:center;align-items:center;min-height:200px;padding:2rem;background:#ffffff05;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;animation:loaderFadeIn .3s ease-out}.loader-content{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#e0e7ff}.loader-content p{margin:0;font-size:.9rem;font-weight:500;opacity:.8}.loader-spinner{width:40px;height:40px;border:3px solid rgba(255,140,0,.2);border-top:3px solid #ff8c00;border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 20px #ff8c0033}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loaderFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.inline-section{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);margin:2rem 2rem 0;padding:2rem;animation:slideInUpSmooth .4s cubic-bezier(.4,0,.2,1);margin-bottom:0;border-bottom:none;border-radius:16px 16px 0 0;overflow:hidden;position:relative}@keyframes slideInUpSmooth{0%{opacity:0;transform:translateY(30px) scale(.98);filter:blur(1px)}50%{opacity:.7;transform:translateY(15px) scale(.99);filter:blur(.5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}}.inline-section>*{animation:contentFadeIn .5s ease-out .1s both}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.inline-section{margin:1rem 1rem 0;padding:1.5rem;border-bottom:none;animation:slideInUpSmooth .3s cubic-bezier(.4,0,.2,1)}.section-loader{min-height:150px;padding:1.5rem}.loader-spinner{width:32px;height:32px;border-width:2px}}@media (max-width: 480px){.inline-section{margin:.5rem .5rem 0;padding:1rem;border-bottom:none}.section-loader{min-height:120px;padding:1rem}.loader-content p{font-size:.8rem}.loader-spinner{width:28px;height:28px}}.nav-icon-btn{position:relative;overflow:hidden}.nav-icon-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,140,0,.2),transparent);transition:left .5s ease}.nav-icon-btn.loading:before{animation:shimmer 1.5s infinite}.nav-icon-btn.exam:hover{background:#ff8c0033;border-color:#ff8c0066}.nav-icon-btn.exam .nav-icon{background:linear-gradient(135deg,#ff8c00,#ff6b00)}@keyframes shimmer{0%{left:-100%}to{left:100%}}.schedule-container{position:relative;display:flex;align-items:center;gap:.5rem;padding:0 3rem;box-sizing:border-box;width:100%}.schedule-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#1e143ce6;border:1px solid rgba(255,140,0,.3);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;padding:0;color:#ff8c00}.schedule-arrow:hover{background:#ff8c0026;border-color:#ff8c0099;transform:translateY(-50%) scale(1.1);box-shadow:0 4px 12px #ff8c0033}.schedule-arrow-left{left:.5rem}.schedule-arrow-right{right:.5rem}@media (max-width: 768px){.schedule-container{padding:0 2.5rem}.schedule-arrow{width:36px;height:36px}.schedule-arrow svg{width:18px;height:18px}}@media (max-width: 480px){.schedule-container{padding:0 2rem}.schedule-arrow{width:32px;height:32px}.schedule-arrow svg{width:16px;height:16px}}.schedule-list{padding:.5rem 0;margin:0}.sem-not-evaluated{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:20px;text-align:center;background-color:#f0f2f5b3;border-radius:8px;margin:15px 0}.not-evaluated-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background-color:#ff8c001a;border-radius:50%;margin-bottom:15px}.not-evaluated-icon svg{color:#ff8c00;width:32px;height:32px}.not-evaluated-text h4{color:#333;font-size:1.2rem;margin-bottom:10px}.not-evaluated-text p{color:#666;font-size:.9rem}@media screen and (max-width: 768px){.sem-not-evaluated{min-height:150px;padding:15px}.not-evaluated-icon{width:48px;height:48px}.not-evaluated-text h4{font-size:1rem}.not-evaluated-text p{font-size:.8rem}}.loader-container{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(to top,#1a0d2e,#16213e,#0f3460);z-index:99999}.boxes{--size: 32px;--duration: .8s;height:calc(var(--size) * 2);width:calc(var(--size) * 3);position:relative;transform-style:preserve-3d;transform-origin:50% 50%;margin-top:calc(var(--size) * 1.5 * -1);transform:rotateX(60deg) rotate(45deg) rotateY(0) translateZ(0)}.boxes .box{width:var(--size);height:var(--size);top:0;left:0;position:absolute;transform-style:preserve-3d}.boxes .box:nth-child(1){transform:translate(100%);-webkit-animation:box1 var(--duration) linear infinite;animation:box1 var(--duration) linear infinite}.boxes .box:nth-child(2){transform:translateY(100%);-webkit-animation:box2 var(--duration) linear infinite;animation:box2 var(--duration) linear infinite}.boxes .box:nth-child(3){transform:translate(100%,100%);-webkit-animation:box3 var(--duration) linear infinite;animation:box3 var(--duration) linear infinite}.boxes .box:nth-child(4){transform:translate(200%);-webkit-animation:box4 var(--duration) linear infinite;animation:box4 var(--duration) linear infinite}.boxes .box>div{--background: #5C8DF6;--top: auto;--right: auto;--bottom: auto;--left: auto;--translateZ: calc(var(--size) / 2);--rotateY: 0deg;--rotateX: 0deg;position:absolute;width:100%;height:100%;background:var(--background);top:var(--top);right:var(--right);bottom:var(--bottom);left:var(--left);transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ))}.boxes .box>div:nth-child(1){--top: 0;--left: 0}.boxes .box>div:nth-child(2){--background: #145af2;--right: 0;--rotateY: 90deg}.boxes .box>div:nth-child(3){--background: #447cf5;--rotateX: -90deg}.boxes .box>div:nth-child(4){--background: #DBE3F4;--top: 0;--left: 0;--translateZ: calc(var(--size) * 3 * -1)}@-webkit-keyframes box1{0%,50%{transform:translate(100%)}to{transform:translate(200%)}}@keyframes box1{0%,50%{transform:translate(100%)}to{transform:translate(200%)}}@-webkit-keyframes box2{0%{transform:translateY(100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes box2{0%{transform:translateY(100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@-webkit-keyframes box3{0%,50%{transform:translate(100%,100%)}to{transform:translateY(100%)}}@keyframes box3{0%,50%{transform:translate(100%,100%)}to{transform:translateY(100%)}}@-webkit-keyframes box4{0%{transform:translate(200%)}50%{transform:translate(200%,100%)}to{transform:translate(100%,100%)}}@keyframes box4{0%{transform:translate(200%)}50%{transform:translate(200%,100%)}to{transform:translate(100%,100%)}}#root{width:100%;min-height:100vh}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}
