html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}html,body{min-height:100vh;max-width:100%;overflow-x:hidden}@media(max-width:640px){max-width: 100vw !important}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*,*:before,*:after{box-sizing:border-box}img,svg,canvas,video{max-width:100%;height:auto}:root{--color-black: #262626;--color-white: #FFFFFF;--color-yellow-l: #FFE8D1;--color-yellow-m: #FFC97D;--color-yellow-f: #FF9D00;--color-red-l: #FFDFDE;--color-red-f: #FF5961}*,h1,h2,h3,h4,h5,h6,p,input,a,li{font-family:Helvetica,Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--color-black)}:root{--color-background: var(--color-white);--color-footer-background: var(--color-yellow-l);--color-card-background: var(--color-white)}:root{--button-color: var(--color-yellow-f);--button-text-color: var(--color-black);--btn-hover-font-color: var(--color-black);--color-input-borderline: var(--color-black)}#main{display:flex;flex-direction:column;align-items:center}.visually-hidden{border-width:0!important;clip:rect(1px,1px,1px,1px)!important;height:1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}html{font-family:Helvetica,sans-serif}:root{--mobile-root-font-size: 16px;--tablet-root-font-size: 18px;--desktop-root-font-size: 18px}@media(max-width:576px){*{font-size:var(--mobile-root-font-size)}h1{font-size:1.5rem}h2{font-size:1.4rem}h3{font-size:1.25rem}h4{font-size:1.15rem}input,select,textarea,button{font-size:var(--mobile-root-font-size)!important}}@media(min-width:577px){*{font-size:var(--tablet-root-font-size)}h1{font-size:2.125rem}h2{font-size:1.35rem}h3{font-size:1.25rem}h4{font-size:1.125rem}}body h1{line-height:1;letter-spacing:-.01rem}body h2{line-height:1.067;letter-spacing:.03rem}body h3{line-height:1.083;letter-spacing:.02rem}body h4{line-height:1.1;letter-spacing:.01rem}body h5{line-height:1.111;letter-spacing:.01rem}body h6{line-height:1.125;letter-spacing:.01rem}body p{line-height:1.3;letter-spacing:.01rem}body h1,body h2,body h3,body h4,body h5{font-weight:600}body input,body select{font-size:1.1rem}body button{font-size:1rem}.thinFont{font-weight:100}.normalFont{font-weight:400}.boldFont{font-weight:700}.opaqueFont{opacity:.8}.errorTxt{color:var(--color-red-f)}.successTxt{color:var(--color-yellow-f)}.smallText{font-size:.8em}.spacedFont{letter-spacing:.03rem}.fontUnderline{text-decoration:underline}footer{background-color:var(--color-footer-background);border-radius:3.125rem 3.125rem 0 0;padding:4.3rem 2rem 5rem}footer p{margin-top:1rem}footer .container{display:flex;margin:0 auto;justify-content:space-between}@media(min-width:700px){footer .container{max-width:80%;gap:4rem}footer img{width:9rem}.row1{text-align:left;width:70%}.row2{text-align:right;width:30%}}@media(max-width:699px){footer .container{max-width:90%;text-align:center;flex-direction:column;gap:0}footer img{width:8rem;margin-top:3rem;margin-bottom:1rem}}body{background-color:var(--color-background)}body{transition:background-color .3s,color .3s}.btn{border-radius:1rem;border:none;text-decoration:none;text-align:center;padding:0 5%;cursor:pointer;transition:background .1s ease-in-out,transform .1s ease;-webkit-appearance:none;-moz-appearance:none}.link,.link:hover,.link:visited,a,a:hover,a:visited{color:var(--color-link)}a,.link:hover,a:hover{text-decoration:none}.link{font-weight:700;text-decoration:underline;padding-left:0}input,select{padding:.5rem .75rem;border-radius:1rem;border:.07rem solid var(--color-input-borderline);cursor:pointer}input:focus,select:focus{outline:.1rem solid var(--color-primary-medium);outline-offset:-.075rem}.invalid-input{outline:.1rem solid var(--color-red);outline-offset:-.075rem}.custom-select select{appearance:none;background-color:var(--color-input-field);color:var(--color-font)}.custom-select{position:relative}.custom-select:before,.custom-select:after{--size: .3rem;position:absolute;content:"";right:1rem;pointer-events:none}.custom-select:after{border-left:var(--size) solid transparent;border-right:var(--size) solid transparent;border-top:var(--size) solid var(--color-font);top:45%}input[type=date]{background-color:var(--color-input-background);color:var(--color-font)}::-webkit-calendar-picker-indicator{background-color:var(--color-input-background);color:var(--color-font);cursor:pointer}.hidden{display:none}#main{min-height:100vh;text-align:center}#main,header{margin:2rem 1.5rem 0}.card{background:var(--color-card-background);border:3px solid var(--color-black);width:100%;max-width:400px}.card h1{font-size:1.8rem}footer{width:100%}.round-corners-full{border-radius:30px}.round-corners-half{border-radius:15px}.input-group,.authError{display:flex;flex-direction:column;text-align:left;margin-bottom:35px}.input-label{margin-left:15px;margin-bottom:7px}.input-field{border:2px solid var(--color-input-borderline)}.input-full{width:100%}.button-primary{width:100%;font-size:18px;font-style:normal;font-weight:700}.button-colorless{background-color:transparent;color:var(--color-black)}.button-border{border:2px solid var(--color-black)}.button-black{background-color:var(--color-black);color:#fff}.button-small{text-align:center;padding:8px 15px;height:min-content;border-radius:10px;border-width:3px}.login-card button{margin-top:1.1rem}.input-field,.button-primary{height:60px}#loginMan{margin:0 auto;width:20rem;display:flex;flex-direction:column;justify-content:end}#loginMan img{height:10rem}:is(.login-card,teacher-card) h1{margin:2rem 0 3rem}.card{padding:0 1.8rem;margin-bottom:2rem}.student-card-top,.student-overview-card{margin-top:4rem}.student-card-bottom,.student-overview-card{margin-bottom:4rem}.student-card-top,.teacher-card-top{border-bottom:0;background-color:var(--color-black);border-radius:30px 30px 0 0;display:flex;justify-content:space-between;margin-bottom:0}:is(.student-card-top,.teacher-card-top) .studentInfo{padding:1.5rem 0;text-align:left}:is(.student-card-top,.teacher-card-top) .studentInfo h2,:is(.student-card-top,.teacher-card-top) .studentInfo p{color:var(--color-white)}:is(.student-card-top,.teacher-card-top) img{height:5rem;align-self:end}.student-card-bottom,.teacher-card-bottom{border-top:0;border-radius:0 0 30px 30px;min-height:20rem;align-content:center}:is(.student-card-bottom,.teacher-card-bottom) .code-input-container p{padding-top:2.5rem;margin-bottom:1rem}:is(.student-card-bottom,.teacher-card-bottom) .qr-code-icon{margin-top:2rem;height:2rem}:is(.student-card-bottom,.teacher-card-bottom) .QRbutton{padding-bottom:2.5rem}:is(.student-card-bottom,.teacher-card-bottom) .registered-sucsess img{height:7rem}:is(.student-card-bottom,.teacher-card-bottom) .registered-sucsess h3{margin-top:2rem;margin-bottom:1rem}.student-overview-card{background-color:var(--color-black);padding-bottom:2.5rem}.student-overview-card h2,.student-overview-card p,.student-overview-card tr,.student-overview-card td,.student-overview-card th{color:var(--color-white)}.student-overview-card .table-container{margin-top:3rem;width:100%;text-align:left}.student-overview-card .table-container tr{border-bottom:1px solid rgba(255,255,255,.15);height:2rem;justify-self:center}.student-overview-card .table-container td{vertical-align:middle}.student-overview-card .table-container td img{height:1rem}.student-overview-card .table-container .class-overview{padding-left:.5rem}.student-overview-card .table-container .required-classes{text-align:center;padding-right:1rem}.approved-term-card{background-color:var(--color-yellow-l);border-color:var(--color-yellow-l);display:flex;flex-direction:column;padding-bottom:2rem}.approved-term-card .button-black{color:var(--color-yellow-l)}.approved-term-card .button-next-semester{margin-top:2rem}:is(.student-overview-card,.approved-term-card,.teacher-card-bottom) h2{padding-top:2.5rem}:is(.student-overview-card,.approved-term-card,.teacher-card-bottom) p{margin-top:.5rem}.header-container{display:flex;justify-content:space-between;flex-direction:row;max-width:400px;margin:2rem auto 0}.header-container img{height:39px}.header-buttons{display:flex;gap:1rem}@media(max-width:640px){.page-card{max-width:100vw!important}}@media(max-width:640px){.admin-books-controls{display:flex;gap:.5rem}.admin-books-controls .admin-books-rest{display:flex;gap:.5rem;flex:1 1 auto;min-width:0}.admin-books-rest--split .admin-books-action{flex:0 0 40%;width:auto!important;white-space:nowrap}.admin-books-rest--split .admin-books-select{flex:0 0 60%;min-width:0}}@media(min-width:1024px){.page-card{max-width:550px}}.page-card.page-card--admin,.admin-page .page-card{max-width:720px}.page-card>*{max-width:600px;margin-left:auto;margin-right:auto}button{padding:.45rem .9rem;border-radius:999px;border:none;cursor:pointer;font-size:.85rem}.button-green{background-color:#blue;color:#000}.page-card{width:100%;max-width:1200px;margin:0 auto;padding:1rem 1.25rem;background:#f9fafb;border-radius:.75rem;box-shadow:0 10px 30px #0f172a14}@media(max-width:640px){.page-card{width:100%;max-width:550px;padding:.9rem 1rem;background:#f9fafb;box-shadow:0 10px 30px #0f172a14}}