:root{--color-primary:#7380ec;--color-danger:#ff7782;--color-success:#41f1b6;--color-warning:#fb5;--color-white:#fff;--color-info:#7d8da1;--color-dark:#363949;--color-light:rgba(132,139,200,.18);--color-dark-varient:#677483;--color-background:#f6f6f9;--card-border-radius:2rem;--border-radius-1:0.4rem;--border-radius-2:1.2rem;--card-padding:1.8rem;--box-shadow:0 2rem 3rem var(--color-light)}.dark-theme{--color-background:#181a1e;--color-white:#202528;--color-dark:#edeffd;--color-dark-varient:#a3bdcc;--color-light:rgba(0,0,0,.4);--box-shadow:0 2rem 3rem var(--color-light)}.one{background-color:var(--color-background)}*{margin:0;padding:0;text-decoration:none;list-style:none;box-sizing:border-box}html{font-size:14px;scroll-behavior:smooth}body{font-display:swap;font-size:.88rem;background:var(--color-background);-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow-x:hidden}*,body{color:var(--color-dark)}img{display:block;width:100%}h1{font-weight:800;font-size:1.8rem}h2{font-size:1.4rem}h3{font-size:.87rem}h4{font-size:.8rem}h5{font-size:.77rem}small{font-size:.75rem}.text-muted{color:var(--color-info)}p{color:var(--color-dark-varient)}b{color:var(--color-dark)}.primary{color:var(--color-primary)}.danger{color:var(--color-danger)}.success{color:var(--color-success)}.warning{color:var(--color-warning)}.container{position:relative;display:grid;width:93%;margin:0 3rem;grid-template-columns:14rem auto 26rem;padding-top:4rem}header h3{font-weight:500}header{position:fixed;width:100vw;z-index:1000;background-color:var(--color-background)}header.active{box-shadow:var(--box-shadow)}header .logo{display:flex;gap:.8rem;margin-right:auto}header .logo img{width:2rem;height:2rem}header,header .navbar{display:flex;align-items:center;justify-content:flex-end;padding:0 3rem;color:var(--color-info)}header .navbar a{display:flex;margin-left:2rem;gap:1rem;align-items:center;justify-content:space-between;position:relative;height:3.7rem;transition:all .3s ease;padding:0 2rem}header .navbar a:hover{padding-top:1.5rem}header .navbar a.active{background:var(--color-light);color:var(--color-primary)}header .navbar a.active:before{content:"";background-color:var(--color-primary);position:absolute;height:5px;width:100%;left:0;top:0}header #profile-btn{display:none;font-size:2rem;margin:.5rem 2rem 0 0;cursor:pointer}header .theme-toggler{background:var(--color-light);display:flex;justify-content:space-between;align-items:center;height:1.6rem;width:4.2rem;cursor:pointer;border-radius:var(--border-radius-1);margin-right:2rem}header .theme-toggler span{font-size:1.2rem;width:50%;height:100%;display:flex;align-items:center;justify-content:center}header .theme-toggler span.active{background-color:var(--color-primary);color:#fff;border-radius:var(--border-radius-1)}aside .profile{margin-top:2rem;width:13rem;position:fixed}aside .profile .top{display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--color-light);padding-bottom:1rem}aside .profile .top:hover .profile-photo{scale:1.05}aside .profile .top .profile-photo{width:6rem;height:6rem;border-radius:50%;overflow:hidden;border:5px solid var(--color-light);transition:all .4s ease}aside .profile .about p{padding-bottom:1rem}aside .profile .about{margin-top:1rem}main{position:relative;margin-top:1.4rem}main .subjects{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:1.6rem;gap:1.6rem}main .subjects>div{background-color:var(--color-white);padding:var(--card-padding);border-radius:var(--card-border-radius);margin-top:1rem;box-shadow:var(--box-shadow);transition:all .3s ease}main .subjects>div:hover{box-shadow:none}main .subjects>div span{background-color:var(--color-primary);padding:.5rem;border-radius:50%;color:var(--color-white);font-size:1.5rem}main .subjects>div.cg span,main .subjects>div.mth span{background:var(--color-danger)}main .subjects>div.cs span{background:var(--color-success)}main .subjects h3{margin:1rem 0 .6rem;font-size:1rem}main .subjects .progress{position:relative;width:89px;height:89px;border-radius:50%;margin:auto}main .subjects svg circle{fill:none;stroke:var(--color-primary);stroke-width:8;stroke-linecap:round;transform:translate(5px,5px);stroke-dasharray:110;stroke-dashoffset:92}main .subjects .eg svg circle{stroke-dashoffset:25;stroke-dasharray:210}main .subjects .mth svg circle{stroke-dashoffset:7;stroke-dasharray:210}main .subjects .cs svg circle{stroke-dashoffset:35;stroke-dasharray:210}main .subjects .cg svg circle{stroke-dashoffset:0;stroke-dasharray:210}main .subjects .net svg circle{stroke-dashoffset:5;stroke-dasharray:210}main .subjects .progress .number{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;justify-content:center;align-items:center}main .subjects small{margin-top:1rem;display:block}main .timetable{margin-top:2rem}main .timetable h2{margin-bottom:.8rem}.table,main .timetable .table{background-color:var(--color-white);width:100%;border-radius:var(--card-border-radius);padding:var(--card-padding);text-align:center;box-shadow:var(--box-shadow);transition:all .3s ease}.table:hover,main .timetable .table:hover{box-shadow:none}.td_expanded{height:20rem;vertical-align:text-top}.td,.td_expanded{border-bottom:1px solid var(--color-light);color:var(--color-dark-varient)}.td{height:2.8rem}main table tbody tr:last-child td{border:none}main .timetable.active{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center}main .timetable.active h2{color:var(--color-dark)}main .timetable.active .table{width:90%;max-width:1000px;position:relative}main .timetable.active span{display:block;font-size:2rem;color:var(--color-dark);cursor:pointer}.controls{position:relative;width:50%;display:flex;align-items:center;justify-content:space-between}main .timetable.active .closeBtn{position:absolute;top:5%;right:5%}.right{margin-top:2.2rem;padding-left:1.5rem}.right .announcements h2{margin-bottom:.8rem}.right .announcements .updates{background-color:var(--color-white);padding:var(--card-padding);border-radius:var(--card-border-radius);box-shadow:var(--box-shadow);transition:all .3s ease}.right .announcements .updates:hover{box-shadow:none}.right .announcements .updates .message{gap:1rem;line-height:1.5;padding:.5rem 0}.right .leaves{margin-top:2rem}.right .leaves h2{margin-bottom:.8rem}.right .leaves .teacher{background:var(--color-white);display:flex;align-items:center;gap:1rem;margin-bottom:.7rem;padding:1.4rem var(--card-padding);border-radius:var(--border-radius-2);transition:all .3s ease;box-shadow:var(--box-shadow)}.right .profile-photo{width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden}.right .leaves .teacher:hover{box-shadow:none}@media screen and (max-width:1200px){html{font-size:12px}.container{grid-template-columns:13rem auto 20rem}header{position:fixed}.container{padding-top:4rem}header .logo h2,header .navbar h3{display:none}header .navbar a{width:4.5rem;padding:0 1rem}main .subjects{grid-template-columns:repeat(2,1fr);gap:1}main .timetable{width:150%;position:absolute;padding:4rem 0 0}}@media screen and (max-width:768px){html{font-size:10px}header{padding:0 .8rem}.container{width:100%;grid-template-columns:1fr;margin:0}header #profile-btn{display:inline}header .navbar{padding:0}header .navbar a{margin:0 .5rem 0 0}header .theme-toggler{margin:0}aside{position:absolute;top:4rem;left:0;background-color:var(--color-white);padding-left:2rem;transform:translateX(-100%);z-index:10;width:18rem;height:100%;box-shadow:1rem 3rem 4rem var(--color-light);transition:all 2s ease}aside.active{transform:translateX(0)}.notification-panel{position:fixed;top:4rem;right:0;background-color:var(--color-white);padding-right:2rem;transform:translateX(100%);z-index:10;width:18rem;height:calc(100% - 4rem);box-shadow:1rem 3rem 4rem var(--color-light);transition:transform .3s ease;overflow-y:auto}.notification-panel.active{transform:translateX(0)}main{padding:0 2rem}main .timetable{position:relative;margin:3rem 0 0;width:100%}main .timetable table{width:100%;margin:0}.right{max-width:40rem;width:100%;padding:2rem;background-color:null}}@font-face{font-family:Material Icons Sharp;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialiconssharp/v109/oPWQ_lt5nv4pWNJpghLP75WiFR4kLh3kvmvRImcycg.woff2) format("woff2")}.material-icons-sharp{font-family:Material Icons Sharp;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}.btn{background:none;border:none;border:2px solid var(--color-primary)!important;border-radius:var(--border-radius-1);padding:.5rem 1rem;color:var(--color-white);background-color:var(--color-primary);cursor:pointer;margin:1.5rem 1.5rem 1rem 0}.btn:hover{color:var(--color-primary);background-color:transparent}.signin{display:flex;flex-direction:column;align-items:center;gap:2.5rem;margin-top:2.5rem}.headingx{font-size:1.875rem;font-weight:600}.sign-in-button{display:flex;align-items:center;gap:1.5rem;font-size:1.125rem;border:1px solid #d1d5db;padding:1rem 2.5rem;font-weight:500;background-color:#fff;border-radius:.375rem}.logo{height:1.5rem;width:1.5rem}.cals button:hover,.react-calendar__navigation button:enabled:hover{background-color:#4caf50!important}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_e8ce0c;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_e8ce0c{font-family:__Inter_e8ce0c,__Inter_Fallback_e8ce0c;font-style:normal}