@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);:root{--blue:#2b4b6f;--darkblue:#153253;--lightblue:#2f5f965f;--cyan:#266;--darkcyan:#033;--lightcyan:#22666650;--orange:#be6217;--darkorange:#ae5105;--lightorange:#be621750;--green:#37962d;--darkgreen:#1d7614;--lightgreen:#37962de4;--red:#a11d1d;--darkred:#790404;--lightred:#a11d1d50;--darkgray:#505050;--gray:#6e6e6e;--lightgray:#aaa8a8;--lightlightgray:#aaa8a82f}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background-color:#9b9b9b80;border:#0000;border-radius:20px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,Roboto,sans-serif;margin:0;overflow:hidden;position:relative}.popup-overlay{background:#00000080}.popup-content{background-color:#fff;border-radius:1rem;padding:2rem;.close{background-color:initial;border:none;cursor:pointer;height:2rem;position:absolute;right:0;top:0;width:2rem;svg{height:100%;width:100%}}}.homepage{header{display:flex;justify-content:space-between;margin:1.2rem 2rem;position:absolute;width:calc(100dvw - 4rem);.title,.title-small{display:flex;font-size:1.5rem;font-weight:700;gap:.3rem;span:first-child{color:var(--lightblue)}span:nth-child(2){color:var(--blue)}span:nth-child(3){color:var(--darkblue)}}.title-small{display:none}.navigation{display:flex;gap:2rem;a{color:#000;padding:.5rem 1rem;text-decoration:none}a:last-child{border:1px solid #000;border-radius:.5rem}a:hover{border-color:var(--darkgray);color:var(--darkgray)}}}.intro{left:37.5dvw;position:absolute;top:21dvh;>span{display:flex;flex-direction:column;gap:4rem}.greeting{h1{font-size:3.5rem;font-weight:700;margin:0}p{color:var(--darkgray);font-size:1.5rem;margin:1rem 0 0}}.actions{display:flex;flex-direction:column;gap:.5rem;>p{font-size:.95rem;font-weight:700;margin:0}>div{display:flex;gap:1.5rem;height:3rem;.registration{border-radius:.4rem;display:flex;overflow:hidden;input{border:2px solid var(--darkblue);border-radius:.4rem 0 0 .4rem;font-family:-apple-system,Roboto,sans-serif;padding:.3rem 1rem;width:13dvw}input,span{font-size:1.05rem}span{align-items:center;background-color:var(--darkblue);color:#fff;cursor:pointer;display:flex;font-weight:700;height:100%;justify-content:center;width:8dvw}}.seperator{border-left:2px solid var(--darkgray)}.learn-more{align-items:center;border:2px solid var(--darkblue);border-radius:.4rem;color:#000;display:flex;font-weight:700;justify-content:center;padding:.3rem 1.7rem .3rem 2rem;text-decoration:none}}}}.impressions{div{align-items:center;border:2px solid var(--gray);border-radius:1rem;bottom:-84dvh;display:flex;flex-direction:column;padding:1rem;position:absolute;p{color:#000;font-size:.88rem;margin:0 0 .5rem}.bracket{background-color:var(--lightblue);height:4rem;position:absolute;transition-duration:.3s;width:4rem;z-index:-100}.bracket:first-child{left:-3.2rem;top:-3.2rem}.bracket:nth-child(2){bottom:-3.2rem;right:-3.2rem}.bracket:after{background-color:#fff;content:"";display:block;height:3.2rem;position:absolute;width:3.2rem}.bracket:first-child:after{bottom:0;right:0}.bracket:nth-child(2):after{left:0;top:0}}div:first-child{left:13dvw;img{width:16rem}}div:nth-child(2){left:calc(37.5dvw + 3.2rem);img{height:8rem}}>div:hover{.bracket{background-color:var(--darkblue)}.bracket:first-child{transform:translate(1rem,1rem)}.bracket:nth-child(2){transform:translate(-1rem,-1rem)}}>div:after{background-color:#ffffff50;content:"";height:calc(100% + 4px);left:-2px;position:absolute;top:-2px;width:calc(100% + 4px);z-index:100}>div:hover:after{background-color:initial}}@media only screen and (max-width:1300px){.intro{left:20dvw;top:18dvh}.impressions{>div:first-child{display:none}div:nth-child(2){bottom:-90dvh;left:20dvw}}}@media only screen and (max-width:900px){header{position:relative;.title{display:none}.title-small{display:block}}.intro{align-items:center;display:flex;height:80dvh;justify-content:center;left:auto;margin:2rem;position:relative;top:auto;.actions>div{flex-direction:column;gap:1.5rem;height:auto;.registration{height:2.5rem;input{width:auto}span{height:auto;width:100%}}.seperator{border-bottom:2px dotted var(--darkgray)}.learn-more{height:1.5rem}}}.impressions{div:nth-child(2){display:none}}}}.login,.register{align-items:center;display:flex;flex-direction:column;gap:5dvh;height:95dvh;justify-content:center;.heading{display:flex;*{font-size:2.1rem;font-weight:600;margin:0}p:first-child{color:var(--lightblue)}p:nth-child(2){color:var(--blue)}p:nth-child(3){color:var(--darkblue)}h1{margin-left:.7rem}}form{display:flex;flex-direction:column;gap:1rem;min-width:10rem;position:relative;text-align:center;width:10dvw}form h2{margin:0}.switch{background-color:var(--blue);border-radius:50%;height:3rem;position:relative;transition:all 1s ease-in-out;width:3rem;svg{color:#fff;height:3rem;margin-left:.2rem;position:absolute;width:3rem}}.switch.clicked{transform:rotate(180deg)}.switch:hover{background-color:var(--darkblue);cursor:pointer}form input{border-color:var(--lightgray);border-radius:.3rem;border-style:solid;border-width:.1em;color:var(--gray);padding:.5rem 1rem}form input:focus{border-color:var(--blue);outline:none}form .error{bottom:-1.5rem;color:darkred;font-size:.9rem;margin:0;position:absolute;white-space:nowrap;width:100%}form:first-child .error{top:12.5rem;white-space:wrap}button{background-color:var(--blue);border:none;border-radius:.3rem;color:#fff;margin-top:1rem;padding:.5rem 1rem}button:hover{background-color:var(--darkblue);cursor:pointer}.forms{display:flex;gap:2dvw;transform:translate(30%);transition:all 1s ease-in-out}.gap{flex:1 0 1rem}.forms.clicked{transform:translate(-30%);form:last-child{opacity:1;pointer-events:all}form:first-child{opacity:.4;pointer-events:none}}form:last-child:not(.register-form){opacity:.4;pointer-events:none}form.register-form{gap:2rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}form.register-form div{position:relative}form.register-form p:not(.error){font-size:small;left:.5rem;margin:0;position:absolute;top:-1.2rem;width:-webkit-max-content;width:max-content}.new-organization{background-color:#fff;border:2px solid var(--blue);color:var(--blue)}.new-organization:hover{background-color:var(--lightblue)}@media only screen and (max-width:600px){.forms{transform:translate(26%)}.forms.clicked{transform:translate(-30%)}}}.blackboard-page{header{align-items:center;display:flex;justify-content:space-between;margin:.5rem;span{display:flex;gap:.1rem;p{font-size:1.3rem;font-weight:700}p:first-child{color:var(--lightblue)}p:nth-child(2){color:var(--blue)}p:nth-child(3){color:var(--darkblue)}}}.news{display:flex;justify-content:center;position:absolute;top:7dvh;width:100dvw;p{border:1px solid var(--lightgray);border-radius:.5rem;font-size:.95rem;max-width:80dvw;padding:.3rem .5rem}}p{font-size:.9rem;margin:0}button{background-color:#fff;border:2px solid var(--blue);border-radius:.3rem;color:var(--blue);padding:.1rem .3rem}button:hover{background-color:var(--lightblue);cursor:pointer}.content{align-items:center;display:flex;flex-direction:column;margin-top:10dvh;width:100dvw;.buttons{display:flex;gap:2rem;position:relative;button{align-items:center;background-color:var(--white);border:2px solid var(--blue);border-radius:50%;display:flex;height:3rem;justify-content:center;position:relative;width:3rem;svg{color:var(--blue);height:100%;transform:translate(.1rem);width:100%}}button:hover{background-color:var(--lightblue)}button:first-child>svg{transform:translate(-.1rem)}}>div:last-child{box-sizing:border-box;margin-top:2dvh;position:relative;width:100dvw}.blackboard,>div:last-child{height:75dvh;overflow:hidden}.blackboard{display:flex;left:0;position:absolute;transition:.8s;.weekday{align-items:center;display:flex;flex-direction:column;position:relative;width:100dvw;>p{font-size:.95rem;margin-bottom:1.5rem;text-transform:capitalize}>div{align-items:center;display:flex;flex-direction:column;position:relative;width:100dvw}.element{background-color:var(--lightlightgray);border:1px solid var(--lightgray);border-radius:.3rem;box-sizing:border-box;display:flex;gap:1rem;overflow-y:scroll;padding:.1rem .2rem;position:absolute;width:55%;svg{min-height:1rem;min-width:1rem;overflow:visible}p{font-size:.8rem}.info{color:var(--cyan)}.change{color:var(--orange)}.element-time{display:flex;flex-direction:column;justify-content:space-between}.data{display:flex;flex-direction:column;overflow-y:scroll;width:100%;span{display:flex;gap:.5rem}}}.element.cancellation{background-color:var(--lightred);border-color:var(--darkred)}.element.change{background-color:var(--lightorange);border-color:var(--darkorange)}.element.information{background-color:var(--lightcyan);border-color:var(--darkcyan)}.timelines{left:1rem;position:absolute;width:100dvw;.timeline>span{display:flex;justify-content:space-between;margin-right:10dvw;div{background-color:var(--lightlightgray);height:1px;width:92%}p{transform:translateY(-.5rem)}}}}}.blackboard.weekday-1{transform:translateX(-100dvw)}}}.dashboard{display:flex;height:100dvh;position:relative;width:100dvw;.controll-section{display:flex;flex-direction:column;justify-content:space-between;width:20dvw;>div:first-child{display:flex;flex-direction:column;margin:2rem 0 0 3rem;span{display:flex}p{font-size:1.9rem;font-weight:600;margin:0}p:first-child{color:var(--lightblue)}p:nth-child(2){color:var(--blue)}p:nth-child(3){color:var(--darkblue)}h1{font-size:1.9rem;font-weight:600;margin:0}}}.bars{display:flex;flex-direction:column;height:60dvh;hr{color:var(--lightgray);margin:1rem 1.5rem;opacity:.5;width:75%}}.bar{display:flex;flex-direction:column;>div{align-items:center;border-radius:0 2rem 2rem 0;cursor:pointer;display:flex;height:4dvh;max-width:70%;padding:.5rem .7rem .5rem 3rem}>div.selected{background-color:var(--lightblue)}svg{height:1.5rem;margin-right:1rem;width:1.5rem}}.info{color:var(--gray);margin:.5rem 3rem}}.screen-alert{display:none}@media only screen and (max-width:1000px){.dashboard{display:none}.screen-alert{display:block;margin:1rem;div{border:2px solid var(--blue);border-radius:.5rem;cursor:pointer;display:flex;gap:.7rem;padding:.3rem 1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}}.grades-component{display:flex;margin-top:15dvh;width:80dvw;.actions{align-items:flex-end;display:flex;flex-direction:column;height:80%;justify-content:center;width:20dvw;hr{color:var(--lightgray);margin:2rem 1.5rem;opacity:.5;width:75%}>button{background-color:var(--blue);border:none;border-radius:.3rem;color:#fff;margin-right:calc(1dvw + 5rem);padding:.5rem 1rem;width:8dvw}>button:hover{background-color:var(--darkblue);cursor:pointer}.order{display:flex;flex-direction:column;gap:1rem;margin-right:4rem;margin-top:2rem;width:12dvw;p{margin:0}>p{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}div{border:1px solid var(--lightgray);border-radius:.5rem;overflow:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}button{background-color:#fff;border:none;border-right:1px solid var(--lightgray);cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:.3rem;width:3rem}button:last-child{border-right:none}button.selected{background-color:var(--lightblue)}svg{height:1.3rem;width:1.3rem}}.sort{display:flex;flex-direction:column;gap:1rem;margin-right:4rem;width:12dvw;p{margin:0}>p{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}input{border-color:var(--lightgray);border-radius:.3rem;border-style:solid;border-width:.1em;box-sizing:border-box;color:var(--gray);padding:.5rem 1rem;width:100%}input:focus{border-color:var(--blue);outline:none}}}.grades{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr;width:60dvw;.grade{align-items:center;border:1px solid var(--lightgray);border-radius:1rem;cursor:pointer;display:flex;justify-content:center;margin:2rem;max-height:20dvh;p{margin:0}>p{font-size:2.3rem;text-transform:uppercase}span{display:flex;flex-direction:column;gap:.5rem;margin-left:2rem;p{align-items:center;display:flex}}svg{height:1.5rem;margin-right:.7rem;width:1.5rem}}.grade:hover{border:1px solid var(--blue)}}}.grades-popup{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;width:20dvw;p{margin:0}>p{font-size:2rem;margin-bottom:2rem}input{border-color:var(--lightgray);border-radius:.3rem;border-style:solid;border-width:.1em;box-sizing:border-box;color:var(--gray);padding:.5rem .8rem;width:3rem}input:focus{border-color:var(--blue);outline:none}.settings{display:flex;justify-content:space-between;margin-bottom:2rem;width:100%}.subgrades{border:1px solid var(--lightgray);border-radius:.5rem;overflow:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;p{margin:0}button{background-color:#fff;border:none;border-right:1px solid var(--lightgray);cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:.5rem;width:2rem}button:last-child{border-right:none}button.selected{background-color:var(--lightblue)}}.actions{display:flex;justify-content:center;width:100%;>button{background-color:var(--blue);border:none;border-radius:.3rem;color:#fff;max-width:10dvw;min-width:5dvw;padding:.5rem 1rem;width:100%}>button:hover{background-color:var(--darkblue);cursor:pointer}>button:nth-child(2){background-color:var(--red)}>button:nth-child(2):hover{background-color:var(--darkred)}}.actions.old{gap:2rem}.footer{display:flex;flex-direction:column;justify-content:center}.error{color:darkred;text-align:center;transform:translateY(.5rem)}}.teachers-component{display:flex;margin-top:15dvh;width:80dvw;.actions{align-items:flex-end;display:flex;flex-direction:column;height:80%;justify-content:center;width:20dvw;hr{color:var(--lightgray);margin:2rem 1.5rem;opacity:.5;width:75%}>button{background-color:var(--blue);border:none;border-radius:.3rem;color:#fff;margin-right:calc(1dvw + 5rem);padding:.5rem 1rem;width:8dvw}>button:hover{background-color:var(--darkblue);cursor:pointer}.order{display:flex;flex-direction:column;gap:1rem;margin-right:4rem;margin-top:2rem;width:12dvw;p{margin:0}>p{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}div{border:1px solid var(--lightgray);border-radius:.5rem;overflow:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}button{background-color:#fff;border:none;border-right:1px solid var(--lightgray);cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:.3rem;width:3rem}button:last-child{border-right:none}button.selected{background-color:var(--lightblue)}svg{height:1.3rem;width:1.3rem}}.sort{display:flex;flex-direction:column;gap:1rem;margin-right:4rem;width:12dvw;p{margin:0}>p{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}input{border-color:var(--lightgray);border-radius:.3rem;border-style:solid;border-width:.1em;box-sizing:border-box;color:var(--gray);padding:.5rem 1rem;width:100%}input:focus{border-color:var(--blue);outline:none}}}.teachers{border-radius:.5rem .5rem 0 0;border-spacing:0;box-sizing:border-box;display:block;height:70dvh;margin:0 7.5dvw;overflow-y:auto;width:45dvw;th{text-transform:capitalize}tr{th{font-size:1.2rem;font-weight:lighter;padding:.5rem;text-align:left;width:10dvw}>th:nth-child(3){width:5dvw}>th:last-child{width:25dvw}}tr:not(tr:last-child):not(tr:first-child)>th{border-bottom:1px solid var(--lightgray)}tr:last-child>th{border-bottom:3px solid var(--blue)}tr:first-child>th{background-color:var(--blue);color:#fff;font-weight:400}tr:not(tr:first-child){cursor:pointer}tr:nth-child(2n){background-color:var(--lightlightgray)}tr:hover:not(tr:first-child){background-color:var(--lightblue)}}}.teachers-popup{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;width:20dvw;p{margin:0}>p{font-size:2rem;margin-bottom:2rem}input{border-color:var(--lightgray);border-radius:.3rem;border-style:solid;border-width:.1em;box-sizing:border-box;color:var(--gray);padding:.5rem .8rem;width:9dvw}input:focus{border-color:var(--blue);outline:none}.settings{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;width:100%;>div:first-child{display:flex;justify-content:space-between;width:100%}.subject-settings>div{border:1px solid var(--lightgray);border-radius:.3rem;box-sizing:border-box;padding:.5rem;width:100%;.subjects{display:flex;flex-wrap:wrap;gap:.5rem;span{background-color:var(--lightlightgray);border-radius:.3rem;display:flex;font-size:.9rem;gap:.3rem;height:1rem;justify-content:center;padding:.2rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;p{transform:translateY(-.15rem)}button{background-color:initial;border:none;cursor:pointer;height:1.2rem;width:1.2rem}}}input{border:0;border-bottom:1px solid var(--gray);border-radius:0}input:focus{border-color:var(--blue)}}}.actions.old{gap:2rem}.actions{display:flex;justify-content:center;width:100%;>button{background-color:var(--blue);border:none;border-radius:.3rem;color:#fff;max-width:10dvw;min-width:5dvw;padding:.5rem 1rem;width:100%}>button:hover{background-color:var(--darkblue);cursor:pointer}>button:nth-child(2){background-color:var(--red)}>button:nth-child(2):hover{background-color:var(--darkred)}}.footer{display:flex;flex-direction:column;justify-content:center}.error{color:darkred;text-align:center;transform:translateY(.5rem)}}.students-component{display:flex;margin-top:15dvh;width:80dvw;.actions{align-items:flex-end;display:flex;flex-direction:column;height:80%;justify-content:center;width:20dvw;hr{color:var(--lightgray);margin:2rem 1.5rem;opacity:.5;width:75%}>button{background-color:var(--blue);border:none;border-radius:.3rem;color:#fff;margin-right:calc(1dvw + 5rem);padding:.5rem 1rem;width:8dvw}>button:hover{background-color:var(--darkblue);cursor:pointer}.order{display:flex;flex-direction:column;gap:1rem;margin-right:4rem;margin-top:2rem;width:12dvw;p{margin:0}>p{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}div{border:1px solid var(--lightgray);border-radius:.5rem;overflow:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}button{background-color:#fff;border:none;border-right:1px solid var(--lightgray);cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:.3rem;width:3rem}button:last-child{border-right:none}button.selected{background-color:var(--lightblue)}svg{height:1.3rem;width:1.3rem}}.sort{display:flex;flex-direction:column;gap:1rem;margin-right:4rem;width:12dvw;p{margin:0}>p{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}input{border-color:var(--lightgray);border-radius:.3rem;border-style:solid;border-width:.1em;box-sizing:border-box;color:var(--gray);padding:.5rem 1rem;width:100%}input:focus{border-color:var(--blue);outline:none}.multi{display:flex;gap:.5rem;margin-top:1.2rem;position:relative;>p{position:absolute;top:-1.2rem}>div p{font-weight:lighter}}}}.students{border-radius:.5rem .5rem 0 0;border-spacing:0;box-sizing:border-box;display:block;height:70dvh;margin:0 7.5dvw;overflow-y:auto;width:45dvw;th{text-transform:capitalize}tr{th{font-size:1.2rem;font-weight:lighter;padding:.5rem;text-align:left;width:10dvw}>th:nth-child(3){width:5dvw}>th:last-child{width:25dvw}}tr:not(tr:last-child):not(tr:first-child)>th{border-bottom:1px solid var(--lightgray)}tr:last-child>th{border-bottom:3px solid var(--blue)}tr:first-child>th{background-color:var(--blue);color:#fff;font-weight:400}tr:not(tr:first-child){cursor:pointer}tr:nth-child(2n){background-color:var(--lightlightgray)}tr:hover:not(tr:first-child){background-color:var(--lightblue)}}}.students-popup{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;width:20dvw;p{margin:0}>p{font-size:2rem;margin-bottom:2rem}input{border-color:var(--lightgray);border-radius:.3rem;border-style:solid;border-width:.1em;box-sizing:border-box;color:var(--gray);padding:.5rem .8rem;width:9dvw}input:focus{border-color:var(--blue);outline:none}.settings{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;width:100%;>div{display:flex;justify-content:space-between;width:100%}>div.identifier{display:flex;gap:.8rem;justify-content:left;p:last-child{font-weight:lighter}}}.actions.old{gap:2rem}.actions{display:flex;justify-content:center;width:100%;>button{background-color:var(--blue);border:none;border-radius:.3rem;color:#fff;max-width:10dvw;min-width:5dvw;padding:.5rem 1rem;width:100%}>button:hover{background-color:var(--darkblue);cursor:pointer}>button:nth-child(2){background-color:var(--red)}>button:nth-child(2):hover{background-color:var(--darkred)}}.footer{display:flex;flex-direction:column;justify-content:center}.error{color:darkred;text-align:center;transform:translateY(.5rem)}}.classes-component{display:flex;margin-top:15dvh;width:80dvw;.actions{align-items:flex-end;display:flex;flex-direction:column;height:80%;justify-content:center;width:20dvw;hr{color:var(--lightgray);margin:2rem 1.5rem;opacity:.5;width:75%}>button{background-color:var(--blue);border:none;border-radius:.3rem;color:#fff;margin-right:calc(1dvw + 5rem);padding:.5rem 1rem;width:8dvw}>button:hover{background-color:var(--darkblue);cursor:pointer}.order{display:flex;flex-direction:column;gap:1rem;margin-right:4rem;margin-top:2rem;width:12dvw;p{margin:0}>p{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}div{border:1px solid var(--lightgray);border-radius:.5rem;display:flex;flex-wrap:nowrap;overflow:hidden}button{background-color:#fff;border:none;border-right:1px solid var(--lightgray);cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:.3rem;width:2dvw}button:last-child{border-right:none}button.selected{background-color:var(--lightblue)}svg{height:1.3rem;width:1.3rem}}.sort{display:flex;flex-direction:column;gap:1rem;margin-right:4rem;width:12dvw;p{margin:0}>p{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}input{border-color:var(--lightgray);border-radius:.3rem;border-style:solid;border-width:.1em;box-sizing:border-box;color:var(--gray);padding:.5rem 1rem;width:100%}input:focus{border-color:var(--blue);outline:none}.multi{display:flex;gap:.5rem;margin-top:1.2rem;position:relative;>p{position:absolute;top:-1.2rem}>div p{font-weight:lighter}}}}.classes{border-radius:.5rem .5rem 0 0;border-spacing:0;box-sizing:border-box;display:block;height:70dvh;margin:0 5dvw;overflow-y:auto;width:50dvw;th{text-transform:capitalize}tr{th{font-size:1.2rem;font-weight:lighter;padding:.5rem;text-align:left;width:25%}>th:nth-child(3),>th:nth-child(4),>th:nth-child(7),>th:nth-child(8){width:-webkit-min-content;width:min-content}}tr:not(tr:last-child):not(tr:first-child)>th{border-bottom:1px solid var(--lightgray)}tr:last-child>th{border-bottom:3px solid var(--blue)}tr:first-child>th{background-color:var(--blue);color:#fff;font-weight:400}tr:not(tr:first-child){cursor:pointer}tr:nth-child(2n){background-color:var(--lightlightgray)}tr:hover:not(tr:first-child){background-color:var(--lightblue)}}}.classes-popup{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;width:20dvw;p{margin:0}>p{font-size:2rem;margin-bottom:2rem}input,select{background-color:#fff;border-color:var(--lightgray);border-radius:.3rem;border-style:solid;border-width:.1em;box-sizing:border-box;color:var(--gray);padding:.5rem .8rem}input{height:2.2rem}input:focus,select:focus{border-color:var(--blue);outline:none}select>option:first-child{font-weight:700}.settings{text-wrap:nowrap;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;>div:has(div):not(:last-child){display:flex;gap:1rem;justify-content:space-between}.date>div{min-width:calc(50% - 2rem)}.time{display:flex;gap:1rem;justify-content:space-between}>div:first-child input,>div>div{width:100%;>select,input{width:100%}}.students-settings:has(.students>span) select{padding-top:.5rem}.students-settings{border:1px solid var(--lightgray);border-radius:.3rem;box-sizing:border-box;padding:.5rem .5rem .5rem .8rem;select{border:none;padding:0}.students{display:flex;flex-wrap:wrap;gap:.5rem;span{background-color:var(--lightlightgray);border-radius:.3rem;display:flex;font-size:.9rem;gap:.3rem;height:1rem;justify-content:center;padding:.2rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;p{transform:translateY(-.15rem)}button{background-color:initial;border:none;cursor:pointer;height:1.2rem;width:1.2rem}}}}}.actions.old{gap:2rem}.actions{display:flex;justify-content:center;width:100%;>button{background-color:var(--blue);border:none;border-radius:.3rem;color:#fff;max-width:10dvw;min-width:5dvw;padding:.5rem 1rem;width:100%}>button:hover{background-color:var(--darkblue);cursor:pointer}>button:nth-child(2){background-color:var(--red)}>button:nth-child(2):hover{background-color:var(--darkred)}}.footer{display:flex;flex-direction:column;justify-content:center}.error{color:darkred;text-align:center;transform:translateY(.5rem)}}.changes-component{display:flex;margin-top:15dvh;width:80dvw;.actions{align-items:flex-end;display:flex;flex-direction:column;height:80%;justify-content:center;width:20dvw;hr{color:var(--lightgray);margin:2rem 1.5rem;opacity:.5;width:75%}>button{background-color:var(--blue);border:none;border-radius:.3rem;color:#fff;margin-right:calc(1dvw + 5rem);padding:.5rem 1rem;width:8dvw}>button:hover{background-color:var(--darkblue);cursor:pointer}.order{display:flex;flex-direction:column;gap:1rem;margin-right:4rem;margin-top:2rem;width:12dvw;p{margin:0}>p{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}div{border:1px solid var(--lightgray);border-radius:.5rem;overflow:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}button{background-color:#fff;border:none;border-right:1px solid var(--lightgray);cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:.3rem;width:3rem}button:last-child{border-right:none}button.selected{background-color:var(--lightblue)}svg{height:1.3rem;width:1.3rem}}.sort{display:flex;flex-direction:column;gap:1rem;margin-right:4rem;width:12dvw;p{margin:0}>p{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}input{border-color:var(--lightgray);border-radius:.3rem;border-style:solid;border-width:.1em;box-sizing:border-box;color:var(--gray);padding:.5rem 1rem;width:100%}input:focus{border-color:var(--blue);outline:none}.multi{display:flex;gap:.5rem;margin-top:1.2rem;position:relative;>p{position:absolute;top:-1.2rem}>div p{font-weight:lighter}}}}.changes{border-radius:.5rem .5rem 0 0;border-spacing:0;box-sizing:border-box;display:block;height:70dvh;margin:0 5dvw;overflow-y:auto;width:50dvw;th{text-transform:capitalize}tr{th{font-size:1.2rem;font-weight:lighter;padding:.5rem;text-align:left;width:20%}}tr:not(tr:last-child):not(tr:first-child)>th{border-bottom:1px solid var(--lightgray)}tr:last-child>th{border-bottom:3px solid var(--blue)}tr:first-child>th{background-color:var(--blue);color:#fff;font-weight:400}tr:not(tr:first-child){cursor:pointer}tr:nth-child(2n){background-color:var(--lightlightgray)}tr:hover:not(tr:first-child){background-color:var(--lightblue)}}}.changes-popup{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;width:20dvw;p{margin:0}>p{font-size:2rem;margin-bottom:2rem}input,select{background-color:#fff;border-color:var(--lightgray);border-radius:.3rem;border-style:solid;border-width:.1em;box-sizing:border-box;color:var(--gray);padding:.5rem .8rem}input:focus,select:focus{border-color:var(--blue);outline:none}select>option:first-child{font-weight:700}.settings{text-wrap:nowrap;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;div,input,select{width:100%}hr{color:var(--lightgray);width:80%}.multi{display:flex;gap:1rem}.title div>p:last-child{font-weight:lighter}.class-settings{margin-bottom:1rem;p{font-weight:lighter}}}.actions.old{gap:2rem}.actions{display:flex;justify-content:center;width:100%;>button{background-color:var(--blue);border:none;border-radius:.3rem;color:#fff;max-width:10dvw;min-width:5dvw;padding:.5rem 1rem;width:100%}>button:hover{background-color:var(--darkblue);cursor:pointer}>button:nth-child(2){background-color:var(--red)}>button:nth-child(2):hover{background-color:var(--darkred)}}.footer{display:flex;flex-direction:column;justify-content:center}.error{color:darkred;text-align:center;transform:translateY(.5rem)}}.settings-component{display:grid;grid-template-columns:1fr 1fr;margin-left:15dvw;margin-top:15dvh;width:50dvw;>div:not(.danger-zone){.search{border:1px solid var(--lightgray);border-bottom:3px solid var(--blue);border-radius:.3rem .3rem 0 0;overflow:hidden}.actions{display:flex;justify-content:center;margin-top:1rem;width:100%}input{border:none;border-radius:0}input,input:focus{border-bottom:1px solid var(--lightgray)}}>div{width:15dvw;>p{font-size:1.5rem;font-weight:700;margin-bottom:1rem}}p{margin:0}button:not(.switch){background-color:var(--blue);border:none;border-radius:.3rem;color:#fff;padding:.5rem 1rem;width:8dvw}button:hover:not(.switch){background-color:var(--darkblue);cursor:pointer}input{border-color:var(--lightgray);border-radius:.3rem;border-style:solid;border-width:.1em;box-sizing:border-box;color:var(--gray);padding:.5rem 1rem;width:100%}input:focus{border-color:var(--blue);outline:none}.list{display:block;max-height:15dvh;overflow-y:auto;.small-element{display:flex;font-size:1.1rem;font-weight:lighter;justify-content:space-between;padding:.3rem 1rem .3rem .5rem;a{cursor:pointer}}tr{border-radius:0;display:flex;th{border-radius:0;font-size:1.1rem;font-weight:lighter;padding:.3rem .3rem .3rem .5rem;text-align:left}}tr:not(.small-element){cursor:pointer}tr:nth-child(odd){background-color:var(--lightlightgray)}tr:hover:not(.small-element){background-color:var(--lightblue)}}.danger-zone{display:flex;flex-direction:column;.submit{align-items:center;display:flex;flex-direction:column;margin-bottom:2rem;position:relative;>button{background-color:var(--blue);height:2rem;padding:0;width:50%}>button:hover{background-color:var(--darkblue)}>p{bottom:-1.1rem;color:var(--darkgreen);position:absolute}}.news{margin-bottom:1.5rem;>div{display:flex;gap:1rem}}.quarantine{display:flex;flex-direction:column;gap:.2rem;margin-bottom:1rem;>p:nth-child(2){font-weight:lighter}.quarantine-switch{background-color:#fff;border:2px solid var(--blue);border-radius:.4rem;display:flex;height:2rem;margin-right:1rem;overflow:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;>button{background-color:#fff;border:none;border-radius:0;color:var(--blue);cursor:pointer;height:100%;padding:0;width:3rem}>button.selected{background-color:var(--blue);color:#fff}}}.delete{display:flex;flex-direction:column;gap:.2rem;button{background-color:var(--red)}button:hover{background-color:var(--darkred)}}}}.accounts-popup{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;width:20dvw;p{margin:0}>p{font-size:2rem;margin-bottom:2rem}input,select{background-color:#fff;border-color:var(--lightgray);border-radius:.3rem;border-style:solid;border-width:.1em;box-sizing:border-box;color:var(--gray);padding:.5rem .8rem}input:focus,select:focus{border-color:var(--blue);outline:none}select>option:first-child{font-weight:700}.settings{text-wrap:nowrap;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;div,input{width:100%}.multi{display:flex;gap:1rem}}.actions.old{gap:2rem}.actions{display:flex;justify-content:center;width:100%;>button{background-color:var(--blue);border:none;border-radius:.3rem;color:#fff;max-width:10dvw;min-width:5dvw;padding:.5rem 1rem;width:100%}>button:hover{background-color:var(--darkblue);cursor:pointer}>button:nth-child(2){background-color:var(--red)}>button:nth-child(2):hover{background-color:var(--darkred)}}.footer{display:flex;flex-direction:column;justify-content:center}.error{color:darkred;text-align:center;transform:translateY(.5rem)}}.delete-popup{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;width:20dvw;p{margin:0}>p{font-size:2rem;margin-bottom:1rem}button{background-color:var(--red);border:none;border-radius:.3rem;color:#fff;cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:1rem;padding:.5rem;width:40%}button:hover{background:repeating-linear-gradient(45deg,#000,#000 20px,#eed202 0,#eed202 40px);cursor:pointer;font-weight:700}}.not-found{display:flex;flex-direction:column;gap:1rem;margin:1.5rem;h1,p{margin:0}}
/*# sourceMappingURL=main.e6b8e368.css.map*/