@charset "UTF-8";html,body,#root{margin:0;height:100%}*,*:before,*:after{box-sizing:border-box}a{text-decoration:none}.container{display:flex;flex-direction:column;height:100%;background:linear-gradient(var(--deg-hour-6h),var(--clr-neutral-100),var(--clr-neutral-200))}header{display:flex;align-items:center;justify-content:center;color:var(--clr-white)}header img{width:150px}.layout{flex:1;display:flex;flex-direction:row}.layout .side{box-shadow:var(--bxsh-large);border-right:solid var(--bosz-plus) var(--clr-highlight-400);width:250px;max-width:250px;padding-top:var(--spacing-small);background:linear-gradient(var(--deg-hour-6h),var(--clr-primary-600),var(--clr-primary-800))}.layout .side ul{margin:0;padding:0}.layout .side ul li{width:100%;list-style:none;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:1rem 0}.layout .side ul li a{width:90%;display:flex;align-items:center;padding:var(--spacing-small) var(--spacing-base);margin-bottom:var(--spacing-small);font-size:var(--font-size-base);cursor:pointer;color:var(--clr-white)}.layout .side ul li a .icon{color:var(--clr-white);padding-right:1rem;width:2rem}.layout .side ul li a.active{background-color:var(--clr-highlight-300);color:var(--clr-primary-700);border-radius:var(--borad-small)}.layout .side ul li a.active .icon{color:var(--clr-primary-700)}.layout .main{width:100%}.autocomplete{min-width:250px}.filters{display:flex;justify-content:flex-start;width:100%;padding:var(--spacing-small) var(--spacing-large)}.filters>*{margin-right:1rem}.filters .left{display:flex;align-self:flex-start;align-items:end}.filters .right{display:flex;align-self:flex-end;align-items:end}.filters .searchProp{width:180px}.filters .search{width:300px}.filters .sort{margin-left:auto;margin-right:0}.divider{--color: var(--clr-highlight-400);--width: 3px }@media (max-width: 1100px){.filters{flex-direction:column}.filters>*,.filters .search,.filters .searchProp{padding:var(--spacing-xs);width:100%}}.userItem{background-color:var(--clr-white);padding:var(--spacing-large);padding-bottom:var(--spacing-base);border-radius:var(--borad-large);box-shadow:var(--bxsh-subtle)}.userItem .avatarContainer{display:flex;justify-content:center;position:relative}.userItem .avatarContainer .id{position:absolute;right:-.5rem;top:-.5rem;font-size:x-small;-webkit-user-select:none;user-select:none}.userItem .avatarContainer .id:before{content:"#"}.userItem .avatar{--size: 80px}.userItem .info .username{text-align:center;margin:var(--spacing-small) var(--spacing-base);font-size:large;font-weight:700;color:var(--clr-primary-600)}.userItem .info .roles{margin-top:.5rem}.userItem .info .roles span{display:inline-block;background-color:var(--clr-primary-600);color:var(--clr-white);padding:var(--spacing-small) var(--spacing-small);border-radius:var(--borad-base)}.userItem:hover{cursor:pointer;outline:3px solid color-mix(in srgb,var(--clr-highlight-300) 60%,transparent)}.overview{display:grid;grid-gap:1rem;padding:var(--spacing-small) var(--spacing-large);position:absolute;top:0;left:0;width:100%}.overview a,.overview a:hover{color:var(--clr-text)}.profileContainer{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);height:100%;gap:var(--spacing-large);padding:var(--spacing-large)}.icon{width:1.5rem;color:var(--clr-primary-700)}.userData .icon:hover{color:var(--clr-highlight-500);cursor:pointer}.box{background-color:var(--clr-white);padding:var(--spacing-large);padding-bottom:var(--spacing-base);border-radius:var(--borad-large);box-shadow:var(--bxsh-subtle)}.userData{grid-column:1/4;grid-row:1/2;padding-bottom:var(--spacing-xl)}.userData .avatarContainer{display:flex;justify-content:center;position:relative;margin-bottom:var(--spacing-base)}.userData .avatarContainer .edit{position:absolute;right:-.5rem;top:-.5rem;-webkit-user-select:none;user-select:none}.userData .avatarContainer .lastSeen{position:absolute;left:-.5rem;top:-.5rem;font-size:small;-webkit-user-select:none;user-select:none}.userData .avatarContainer .lastSeen b{color:var(--clr-primary-700)}.userData .avatarContainer .avatar{--size: 150px}.userData .info{position:relative;margin-top:1rem}.userData .info .property{display:flex;justify-content:space-between;font-size:large;padding:var(--spacing-small) var(--spacing-xs);border-bottom:solid 1px var(--clr-primary-100)}.userData .info .property b{text-transform:capitalize;color:var(--clr-primary-700)}.schools{grid-column:4/6;grid-row:1/1;display:flex;flex-direction:column;justify-content:space-between}.schools .name{font-size:var(--font-size-large);display:flex;align-items:center}.schools .name .icon{margin-right:var(--spacing-base)}.schools .roles{padding:var(--spacing-base) 0}.schools .roles span{display:inline-block;background-color:var(--clr-primary-600);color:var(--clr-white);padding:var(--spacing-small) var(--spacing-small);border-radius:var(--borad-base)}.schools .classes div{display:flex;justify-content:space-between;padding-bottom:var(--spacing-xs);margin-bottom:var(--spacing-xs);border-bottom:1px solid var(--clr-primary-100)}.schools .buttonContainer{display:flex;justify-content:center;padding:var(--spacing-base)}.dialog{--width: 40vw;height:50vh}@media (max-width: 1300px){.profileContainer{grid-template-columns:1fr;grid-template-rows:auto}.profileContainer .box1{grid-column:1/2;grid-row:1/2}}.schoolEdit{min-height:20vh}.schoolEdit p{margin-top:0}.schoolEdit .icon{margin-right:var(--spacing-base)}.schoolEdit .name{display:flex;align-items:center;font-size:var(--font-size-large);margin-bottom:var(--spacing-base)}.schoolEdit .role{display:flex;justify-content:space-between;align-items:center;border-bottom:solid 1px var(--clr-primary-200);padding:var(--spacing-base) 0}.schoolEdit .role .icon{width:1rem;color:var(--clr-danger-600);cursor:pointer}.schoolEdit .buttonContainer{display:flex;justify-content:center;margin:var(--spacing-base)}.schoolEdit .buttonContainer>:first-child{margin-right:var(--spacing-base)}.schoolEdit .addSchool,.schoolEdit .addSchool .controls{margin:var(--spacing-base) 0}.schoolEdit .addSchool .controls>*{margin:var(--spacing-large) var(--spacing-base)}.schoolEdit .addSchool .buttonContainer>:first-child{margin-right:var(--spacing-base)}.userDetail{display:flex;flex-direction:column;justify-content:space-between;height:100vh}.userDetail>*{flex-grow:1;flex-shrink:1}.userDetail .breadcrumbs{margin:var(--spacing-large);margin-bottom:0;padding-left:var(--spacing-base);flex-grow:0;flex-shrink:0}.userDetail .breadcrumbs a:visited{color:var(--clr-highlight-500)}