@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap");:root{--background:linear-gradient(200deg,#c4f3f7 10%,#dbf7ff 30%) fixed;--card:#fcfcfc88;--link:#202020;--link-active:#0f0f0f;--primary-color:linear-gradient(90deg,#f9c4b5,#ffc6c3);--disabled-text:#0008}body{margin:0;padding:0;background:var(--background);font-family:Outfit,san-serif}a{text-decoration:none;color:unset}.link{color:var(--link);transition:.3s}.link:hover{color:var(--link-active);scale:(1.05)}.MuiTableContainer-root{background:var(--card)}.space-between{display:flex;justify-content:space-between;width:100%}.no-flex{flex:initial!important}.justify-center{justify-content:center}.align-center{align-items:center}.normal-align{align-self:normal}.textlines{padding:8px}.form-box{width:100%;max-width:1040px;box-sizing:border-box;overflow:hidden;padding:20px 0}.form-box .form-sections{display:flex;transition:.3s;padding-top:10px}.form-box .form-sections .form-section{padding:10px;min-width:100%;box-sizing:border-box;display:flex;flex-wrap:wrap;height:-moz-fit-content;height:fit-content;justify-content:center;flex-direction:column;gap:10px;background:var(--card);border-radius:9px}.form-box .form-sections .form-section .centered{width:100%}.form-box .form-sections .form-section .row{width:100%;flex:1 1;display:flex;flex-wrap:Wrap;box-sizing:border-box;gap:6px;padding:0 4px}.form-box .form-sections .form-section .row .selector{display:flex;align-items:center;cursor:pointer;padding:16.5px 14px;border-radius:3px;border:1px solid #0004;transition:.3s;min-width:200px;gap:4px}.form-box .form-sections .form-section .row .selector:hover{background:var(--card)}.form-box .form-sections .form-section .row .selector i{font-style:normal;color:#0009}.form-box .form-sections .form-section .row .error{color:red}.form-box .form-sections .form-section .row .field{flex:1 1;display:flex;flex-direction:column;gap:10px;min-width:200px;margin:8px;max-width:50%;height:-moz-fit-content;height:fit-content}.form-box .form-sections .form-section .row .field label{font-size:.85rem;font-weight:600}.form-box .form-sections .form-section .row .field p{display:flex;flex-wrap:wrap;gap:5px}.form-box .form-sections .form-section .row .field b{font-weight:500}.form-box .form-sections .form-section .row .field .row{align-items:center;gap:10px}.form-box .form-sections .form-section .row .field .row b{font-size:1.5rem}.form-box .form-sections .form-section .row .field .MuiFormLabel-root{font-size:1rem;font-weight:unset}.form-box .form-sections .form-section .row .column{margin:8px;display:flex;flex:1 1;flex-direction:column;padding:0 10px;align-items:unset!important}.form-box .form-sections .form-section .row .column .field{flex:1 1;display:flex;flex-direction:column;min-width:200px;gap:0;max-width:none}.form-box .form-sections .form-section .row .column .field p{margin:8px}.form-box .form-sections .form-section .row .column .field b{font-weight:500}.form-box .form-sections .form-section .row .column span{display:flex;align-items:center}.horizontal-box{min-height:100%;display:flex;flex-direction:row}.horizontal-box .form-sections{flex:1 1;padding-top:0}.horizontal-box .form-box{margin-left:10px;padding:0}.form-open{padding:10px;min-width:100%;box-sizing:border-box;display:flex;flex-wrap:wrap;height:-moz-fit-content;height:fit-content;justify-content:center;gap:5px;gap:10px}.form-open .table{flex:1 1;min-width:300px}.form-open .column{display:flex;flex-direction:column;flex:1 1;gap:10px}.form-open .row{flex-wrap:wrap;gap:10px;justify-content:space-between;width:100%}.form-open .row,.notes{display:flex;align-items:center}.notes,.notes .card{flex-direction:column}.notes .card{display:flex;padding:10px 20px;box-sizing:border-box;width:100%;max-width:800px;background:var(--card);border-radius:3px}.notes .card .card-header{display:flex;justify-content:space-between;align-items:center;padding:10px}.notes .card .card-header .card-meta{display:flex;flex-direction:column}.notes .card .card-header .card-meta i{font-size:.75rem}.notes .card .card-header .card-title{font-weight:500}.notes .card .card-body{font-size:18px}.notes .flagged{border:2px solid #ed6c02}.notes .buttons{padding:0!important;max-width:800px}.form-box .error{padding:10px;display:flex;flex-direction:column;gap:10px}.buttons{display:flex;justify-content:space-between;gap:10px;padding:10px 20px;width:100%;box-sizing:border-box}.form-box .form-sections .no-background{background:#0000!important;gap:0}.form-box .form-sections .no-background .row .field{background:var(--card);padding:10px;border-radius:3px;max-width:none}.hidden-box{overflow:hidden;max-width:100%}.evaluation-columns{display:flex;transition:.3s;padding-top:10px}.evaluation-columns .evaluation-column{padding:10px;min-width:100%;box-sizing:border-box;display:flex;flex-wrap:wrap;height:-moz-fit-content;height:fit-content;justify-content:center;flex-direction:column;gap:10px;background:var(--card);border-radius:9px}.evaluation-columns .evaluation-column .row{width:100%;flex:1 1;display:flex;flex-wrap:Wrap;box-sizing:border-box;gap:6px;padding:0 4px}.button-field{display:flex;justify-content:center;align-items:center}.dialog-card{display:flex;flex-direction:column;box-sizing:border-box;width:100%;max-width:600px;border-radius:9px}.dialog-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:10px}.dialog-card .card-header .card-title{font-weight:500}.dialog-card .card-body{font-size:18px}.weekly-calender{display:flex;flex-direction:column;width:100%;gap:8px;padding:10px;box-sizing:border-box;border-radius:3px}.weekly-calender .divider{margin:0}.weekly-calender .day{padding:4px;min-height:60px;box-sizing:border-box}.weekly-calender .day .day-name{padding:5px;font-weight:800;font-size:.9rem}.weekly-calender .day .day-classes{display:flex;flex-wrap:wrap;gap:10px;min-height:100px}.weekly-calender .day .day-classes a{flex:1 1;transition:.3s;min-width:200px;max-width:400px;display:flex}.weekly-calender .day .day-classes a:hover{transform:scale(1.02)}.weekly-calender .day .day-classes .class-card{padding:8px 15px;border-radius:3px;border:1px solid #0004;display:flex;font-size:.9rem;flex-direction:column;gap:5px;min-width:200px;max-width:400px;background:var(--card);flex:1 1;justify-content:space-between}.weekly-calender .day .day-classes .class-card .time{display:flex;justify-content:space-between;font-size:.8rem}.weekly-calender .day .day-classes .class-card .content{display:flex;gap:5px}.weekly-calender .day .day-classes .class-card .content .info{display:flex;flex-direction:column;gap:5px;flex:1 1}.weekly-calender .day .day-classes .class-card .content .info .code{font-size:.8rem}.weekly-calender .day .day-classes .class-card .content .info .tutor{display:flex;flex-wrap:wrap;gap:5px}.loader{background:var(--card);padding:10px 14px;border-radius:9px;box-shadow:1px 1px 6px #0004;position:fixed;top:10px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;gap:20px;left:50%;translate:-50% -200%;z-index:10000}.loading{translate:-50%}#fullloader{width:100%;height:100%;position:fixed;top:0;background:var(--background);z-index:5}.hide{display:none!important}.main{display:flex;flex-direction:column;min-height:100vh;padding:10px 20px 80px;box-sizing:border-box}.divider{border-bottom:1px solid #0004;margin:10px}.main .centered{width:100vw;height:100vh}.login,.main .centered{display:flex;justify-content:center;align-items:center}.login{min-height:100vh;flex-direction:column;gap:20px}.login,.login img{padding:10px;box-sizing:border-box}.login .card{display:flex;flex-direction:column;justify-content:center;align-items:Center;max-width:400px;padding:30px 10px;min-height:400px;gap:30px;box-shadow:1px 1px 6px #0004;border-radius:3px;background:var(--card)}.login .card,.login .card b{width:100%;box-sizing:border-box}.login .card b{font-size:24px;max-width:300px;padding:10px 0;text-align:center}.layout{display:flex;min-height:100vh}.layout .navi{display:flex;flex-direction:column;box-shadow:1px 1px 6px #0004;width:280px;height:100vh;padding:30px 15px;box-sizing:border-box;gap:6px;position:-webkit-sticky;position:sticky;top:0;background:var(--background);transition:.3s}.layout .navi a{color:var(--link);padding:10px;text-decoration:none;border-radius:3px;transition:.3s;display:flex;align-items:Center;gap:8px}.layout .navi a:hover{transform:scale(1.05)}.layout .navi .active,.layout .navi a:hover{background:var(--primary-color);color:var(--link-active)}.layout .horizontal{flex-direction:row;width:100%;height:auto;box-shadow:none;justify-content:center;align-items:flex-end;padding:6px;border-bottom:1px solid #0002}.layout .horizontal a{font-weight:500}.layout .page{display:flex;flex-direction:column;flex:1 1;box-sizing:border-box;width:100vw;overflow-x:hidden}.layout .page .main .overlay{background:#0004;position:fixed;top:0;left:0;width:100vw;height:100vh;opacity:0;pointer-events:none}.page .main .header{display:flex;justify-content:space-between;height:40px;align-items:center;padding:0 10px;box-sizing:border-box}.page .main .header b{font-size:20px;letter-spacing:1px;font-weight:600}.page .main .header .start,.page .main .header .user{display:flex;align-items:center;gap:20px}.page .main .header .user{font-size:18px;text-transform:capitalize}.page .main .header .user .username{padding:4px 10px;background:var(--primary-color);border-radius:3px;display:flex;align-items:center;gap:5px;color:var(--link-active)}.page .main .header .user .username svg{height:20px}.page .main .header .menu{display:none;flex-direction:column;cursor:pointer;transition:.3s;z-index:5;top:0}.page .main .header .menu div{background:var(--link);width:30px;height:2px;margin-bottom:7px}.page .main .header .menu:hover div{background:var(--link-active)}.page .main .header div{transition:.3s}.page .main .header div:last-child{margin-bottom:0}.page .main .header .menu .menu-2{transition:transform .2s}.page .main .header .close .menu-1{transform:translate(5px,-1px) rotate(40deg);transform-origin:0 0}.page .main .header .close .menu-2{visibility:hidden}.page .main .header .close .menu-3{transform:translateY(-10px) rotate(-40deg)}.persons{display:flex;flex-direction:column;align-items:center;flex:1 1}.persons .column{flex-direction:column;width:100%;align-items:flex-start!important}.persons .fullWidth{width:100%!important;max-width:none!important}.persons .top{max-width:1040px;padding:20px 0;align-items:center;gap:20px}.persons .top,.persons .top .card{width:100%;display:flex;transition:.3s}.persons .top .card{padding:10px;background:var(--card);border-radius:3px;box-shadow:1px 1px 6px #0002;flex:1 1;flex-direction:column;gap:10px;min-width:240px;box-sizing:border-box}.persons .top .search-container{display:flex;justify-content:center;flex:1 1}.persons .top .search-container .search{display:flex;border-radius:9px;flex:1 1;background:var(--card);box-shadow:1px 1px 10px #0002;padding:3px;max-width:640px}.persons .top .row{width:100%;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.persons .top .row p{display:flex;gap:4px;align-items:center}.persons .top .row .column{display:flex;flex-direction:column;flex:1 1;min-width:240px}.persons .top .row .field{display:flex;flex-direction:column;gap:10px;padding:20px;height:-moz-fit-content;height:fit-content;background:var(--card);box-shadow:1px 1px 10px #0004;border-radius:9px}.persons .top .row .field b{font-weight:500}.persons .top .person{padding:0 10px;display:flex;gap:20px}.persons .top .person .image{width:150px;height:150px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:9px}.persons .top .person .details{display:flex;flex-direction:column;padding:10px 0;gap:10px}.persons .top .person .details h2{margin:0}.persons .top .person .details h3{margin:0;font-weight:500}.persons .top .person .details .chips{display:flex;gap:10px;margin:0;padding-top:10px}.persons section{flex-wrap:wrap;flex-direction:column;flex:1 1}.center,.persons section{display:flex;width:100%;align-items:center;gap:10px}.center{padding:10px;max-width:860px;flex-wrap:wrap}.table{flex:1 1;width:100%;flex-direction:column;gap:20px;max-width:1120px}.table,.table .rowPhoto{display:flex;align-items:center}.table .rowPhoto{width:32px;height:32px;border-radius:9px;overflow:hidden;justify-content:center}.table .chip-column{display:flex;gap:4px;flex-wrap:wrap}.table .MuiTableCell-root{padding:16px 6px}.MuiTableCell-root:first-child{padding-left:16px}.MuiTableHead-root .MuiTableCell-root{font-weight:600}.error .messages{display:flex;flex-direction:column;gap:10px}.persons section .panels{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:1040px;width:100%;padding:20px 10px;box-sizing:border-box}.panels .person{display:flex;flex-direction:column;gap:10px;max-width:400px;width:100%;background:var(--card);padding:0 20px 20px;border-radius:4px}.persons section .table .column{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px;justify-content:center}.persons section .table .column span{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.persons section .table .row{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;width:100%;align-items:center}.persons section .table .row .grey{color:var(--disabled-text);font-size:14px}.persons section .panels .person .details{display:flex;flex-direction:column;gap:10px;max-width:400px;width:100%}.persons section .panels .person .details span{display:flex;border-bottom:1px solid #0004}.persons section .panels .person .details span b{flex:1 1}.persons section .buttons{display:flex;justify-content:space-between;gap:10px;padding:20px;width:100%;box-sizing:border-box}.persons section .buttons span{gap:10px;display:flex}.template-field{position:relative;width:100%;display:flex}.template-field ul{position:absolute;top:0;left:0;pointer-events:none;list-style-type:none;color:currentColor;overflow-y:auto;z-index:2;margin:8px;box-sizing:border-box;white-space:pre-wrap;padding:8.5px 15px;font-size:1rem;font-weight:400;line-height:1.4375em;letter-spacing:.00938em;font-family:Roboto,Helvetica,Arial,sans-serif}.template-field ul li{display:flex;color:#0000}.template-field ul li:before{content:"";margin:9px;height:4px;min-width:4px;border-radius:50%;background-color:#000}.dashboard,.template-field ul li:before{display:flex;justify-content:center;align-items:center}.dashboard{flex-direction:column;gap:20px;padding:20px 0;flex:1 1;box-sizing:border-box}.dashboard section{width:100%;max-width:1280px;padding:20px;display:flex;flex-direction:column;gap:10px;box-sizing:border-box;border:1px solid #0002;border-radius:9px}.dashboard section b{font-size:18px}.dashboard section .section{display:flex;flex-direction:column;gap:10px;padding:10px 0}.dashboard section .row{display:flex;flex-wrap:wrap;gap:10px}.dashboard section .column{display:flex;flex-direction:column;gap:10px;flex:1 1}.dashboard section .top{display:flex;align-items:center;gap:10px}.dashboard section .top b{font-size:15px}.dashboard section .top h3{margin:0;font-weight:600}.dashboard section .scrollable{flex-wrap:wrap;max-width:100%;padding:10px}.dashboard section .card{display:flex;padding:10px;background:var(--card);border-radius:3px;box-shadow:1px 1px 6px #0002;flex:1 1;flex-direction:column;gap:10px;max-height:300px;max-width:300px;min-width:240px;transition:.3s;cursor:pointer;box-sizing:border-box}.dashboard section .card:hover{transform:scale(1.02)}.dashboard section .active-card{color:var(--link-active);border:3px solid #f9c4b5}.dashboard section .card span{font-size:14px}.dashboard section .card .code{font-size:12px;font-size:600;color:var(--disabled-text);display:flex;justify-content:space-between}.training_table{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px;width:100%}.training_table .divider{width:100%;margin:2px}.training_table input{background:#0000;border:1px solid #0004;padding:6px;outline:none}.training_table .lists{display:flex;gap:10px;flex-wrap:wrap}.training_table .card{display:flex;flex-direction:column;gap:10px;min-width:200px;background:var(--card);padding:8px;border-radius:4px;box-shadow:1px 1px 10px #0002;font-size:14px}.training_table .list{display:flex;flex-direction:column;gap:10px;max-width:360px;flex:1 1}.training_table .list span{display:flex;justify-content:space-between}.training_table .table{background:var(--card);padding:20px;border-radius:4px;box-shadow:1px 1px 10px #0002;font-size:14px;box-sizing:border-box}.reports{flex-direction:column;align-items:center;gap:20px;padding:20px 0;flex:1 1;justify-content:center}.reports,.reports section{display:flex;box-sizing:border-box}.reports section{width:100%;max-width:1280px;padding:20px;flex-direction:column;gap:10px;border:1px solid #0002;border-radius:9px}.report-query{display:flex;flex-direction:column;gap:10px;flex:1 1;padding-left:10px;padding-right:2px;flex-wrap:wrap;box-sizing:border-box}.report-query .primary{display:flex;gap:10px;flex-wrap:wrap;align-items:center;flex:1 1}.report-query .primary .filters{display:flex;flex-direction:column;flex:1 1}.report-query .primary .filters .row{padding:5px;box-sizing:border-box;border:1px solid #0004;border-radius:9px}.report-query .query-string{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.report-query .column{border:1px solid #0002;border-radius:3px;width:auto;flex:1 1}.model-name{display:flex;align-items:center;height:32px}.vertical-divider{border-left:1px solid #0004;margin:0 10px;height:40px}.calendar{flex-direction:column;background:var(--card);box-sizing:border-box;border-radius:9px;box-shadow:0 0 6px #0004;gap:10px;height:-moz-fit-content;height:fit-content;min-width:300px}.calendar,.calendar-header{display:flex;align-items:center;max-width:400px;width:100%;padding:10px}.calendar-header{justify-content:space-between}.calendar-header h3{margin:0}.calendar-header button{border:none;background-color:var(--card);box-shadow:0 0 4px #0004;padding:5px;border-radius:50%;width:36px;height:36px;font-size:1.15rem;font-family:monospace;transition:.3s;cursor:pointer}.calendar-header button:hover{transform:scale(1.05)}.calendar-table{width:100%;max-width:400px;border-collapse:collapse}.calendar-table .dates{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:5px;gap:5px}.calendar-table .dates b{text-align:Center}.calendar-table .dates .day{display:flex;justify-content:center;align-items:center;height:36px}.calendar-table .dates .day span{font-size:.875rem;width:36px;height:34px;display:flex;justify-content:center;align-items:center;border-radius:50%;color:var(--disabled-text)}.calendar-table .dates .enabled span{background:var(--card);box-shadow:0 0 4px #0004;color:var(--link);transition:.3s;cursor:pointer}.calendar-table .dates .enabled span:hover{background:var(--primary-color)}.calendar-table .dates .active span{background:var(--primary-color);box-shadow:0 0 4px #0004;color:var(--link);transition:.3s;cursor:pointer}.calendar .date{font-size:14px;font-weight:400;width:100%}@media only screen and (max-width:960px){.layout .navi{position:fixed;top:0;z-index:4;padding-top:60px;transform:translateX(-100%)}.layout .open{transform:translateX(0)}.layout .page .main .show{opacity:1;pointer-events:all;z-index:2}.main{padding:10px 10px 80px}.page .main .header .menu{display:flex}.page .main .header .close{position:fixed;top:20px}}@media only screen and (max-width:640px){.page .main .header{padding:0}.page .main .header b{font-size:18px}.form-box .form-sections .form-section{padding:10px 0}.non-mobile{display:none}}.print-content{height:-moz-fit-content;height:fit-content}.print-content,.print-content .layout{padding:0;margin:0;min-height:auto}.print-content .main{padding:0;min-height:auto;width:100vw}.print-content .top{padding:0}.print-content p{margin:0!important}.print-content .field{max-width:70%!important}.print-content td:last-child{text-align:right}.print-content .no-break,.print-content .row{page-break-inside:avoid}.print-content .page-break{page-break-after:always}.print-content .page-break-before{page-break-before:always}.print-content .form-box{overflow:initial;padding:20px 0!important}.print-content .MuiTableRow-root{page-break-inside:avoid;page-break-after:auto}.print-content .MuiTableSortLabel-icon{display:none}.print-content .MuiTableBody-root .MuiTableRow-root{border-top:1px solid #0002;padding:8px 0}.print-content .MuiTableCell-root{border-top:1px solid #0003;padding:16px;text-align:left}.print-content th.MuiTableCell-root{border-top:none}@font-face{font-family:__Nunito_eef148;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/abfec168c8990f67-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:__Nunito_eef148;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/3131c862d4942660-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Nunito_eef148;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/6a9c36ea9dc9b36b-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:__Nunito_eef148;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/e1694c6cb47c173f-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:__Nunito_eef148;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/ee40bb094c99a29a-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:__Nunito_Fallback_eef148;src:local("Arial");ascent-override:99.71%;descent-override:34.82%;line-gap-override:0.00%;size-adjust:101.39%}.__className_eef148{font-family:__Nunito_eef148,__Nunito_Fallback_eef148;font-style:normal}