:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*::-webkit-scrollbar{width:10px}*::-webkit-scrollbar-track{border-radius:8px}*::-webkit-scrollbar-thumb{height:56px;border-radius:8px;border:4px solid transparent;background-clip:content-box;background-color:#888}*::-webkit-scrollbar-thumb:hover{background-color:#555}.page-scroll{height:414px;overflow-y:auto}h1,h2,h3,h5,h6,ul li{margin:0}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0}h1{font-size:3.2em;line-height:1.1}.container-loading{background-color:#333;padding:4px;height:100%}.content-loading{width:825px;margin:0 auto;height:98.5vh;display:flex;align-items:center;justify-content:center}.container-loading .content-loading svg{color:orange;font-size:22px}.container-loading .content-loading h3{text-align:center;color:orange;font-weight:500}.year-container{display:flex;align-items:center;justify-content:space-between;padding-left:25px;padding-right:25px;margin-top:10px}.year-container button{padding:5px 10px}.empty-heading{padding:8px;color:#6b8e23;border:1px solid olivedrab;font-size:15px;display:flex;align-items:center;justify-content:center;gap:4px}.loading-text{text-align:center;margin:16px 0;color:#6b8e23;font-weight:500}.active-menu{color:#639}.institute{padding:.6em 1em;background:#5f9ea0}.institute h1{font-size:.9em;font-weight:500;text-align:center;color:#fff;margin:0;padding:0;display:flex;align-items:center;justify-content:center;gap:3px}.presentedby{display:flex!important;align-items:center;justify-content:space-between;padding:8px 13px;background-color:#5f9ea0}.presentedby p{margin:0;color:#fff}main{padding:4px;height:100%;background:#333}main .content-container{width:825px;margin:0 auto;border:1px solid rgba(153,100,2,.311);border-radius:.3em;background-color:#fafafa;box-shadow:2px 2px 8px #9964024f}main .content-container:after,.presentedby{content:"";display:block;clear:both}main .content-container .left-content{width:27%;float:left}main .content-container .right-content{width:73%;float:right}aside{padding:.8em .3em;background:#206c8c;position:relative}aside .close-menu{display:none}aside .image-circle{text-align:center}aside .image-circle img{width:110px;height:110px;margin:0 auto;object-fit:cover;object-position:top;border-radius:50%;background-color:#f0f0f0}aside .image-circle img:hover{box-shadow:2px 2px 6px #9964024f;cursor:all-scroll}aside .image-circle .user-info{text-align:left;padding:5px .6em 6px;border-radius:12px;background:linear-gradient(0deg,#edbb416e,transparent)}aside .image-circle .user-info ul{padding-left:0;list-style:none;margin:0}aside .image-circle .user-info ul li{color:#ddd;font-size:1em;line-height:1.3}aside .image-circle .user-info ul li:nth-child(1){font-size:1.1em;font-weight:500;color:#fff;text-shadow:1px 0 #80808030}aside nav{border-radius:12px}aside nav ul{padding-left:0;list-style-type:none}aside nav ul li{box-sizing:border-box;overflow:hidden}aside nav ul li a{padding:.6em .5em;border-bottom:1px solid #ddd;color:#fafafa;font-weight:400;font-size:.9em;display:flex;align-items:center;width:100%}aside nav ul li:last-child>a{border-bottom:0}aside nav ul li a:hover{color:#333;background-color:#ffffff9c}header nav .nav-icon{display:none}header nav{text-align:right;background-color:#dcdcdc;padding:6px 8px}header nav ul{list-style:none;padding-left:0;margin:0}header nav ul li{display:inline-block;margin-right:1.5em}header nav ul li:last-child{margin-right:10px}header nav ul li a{font-size:.9em;font-weight:400;display:flex;align-items:center}header nav ul li a:hover{color:#639}.dashboard{overflow-y:scroll;height:475px}.card-main{box-sizing:border-box;margin:1em .7em;padding:8px 14px;border-radius:3px;border:1px solid #93a20c59;cursor:pointer;background:linear-gradient(45deg,#ffff,transparent)}.card-main:hover{border:1px solid rgba(106,142,35,.614);box-shadow:#0000001a 0 1px 2px}.card-header{display:flex;align-items:center;justify-content:space-between}.card-main .card-header .heading{font-weight:500}.card-header label svg{color:#535bf2;font-size:1.4em}.card-main:hover>.card-header label svg,.card-main:hover>.preview-notice .abs-icon svg{color:#6b8e23;cursor:pointer}.preview-notice{padding-top:1em;position:relative}.abs-icon{position:absolute;right:0;top:32%}.abs-icon svg{color:#767676;font-size:1.3em}.card-main:hover>.abs-icon svg{color:#6b8e23;cursor:pointer}.preview-notice ul{padding:0;margin:0;list-style:none}.preview-notice ul li{display:flex;align-items:center;margin-bottom:.2em}.preview-notice ul li a{display:flex;align-items:center;gap:10px;font-size:.9em;margin-bottom:5px;width:95%;padding-bottom:5px}.preview-notice ul li a svg{font-size:1.2em;border:1px solid #93a20c;color:#606060;padding:2px;border-radius:2px}.preview-notice ul li marquee{font-size:1em;color:#767676}.preview-notice ul li a:hover>marquee{color:#535bf2}.attandance-chart{display:flex;gap:2em}.attandance-chart h4{color:#606060;font-weight:400}.breacamp ul{padding:10px 16px;list-style:none;background-color:#eee;margin:0}.breacamp ul li{display:inline;font-size:.8}.breacamp ul li+li:before{padding:8px;color:#000;content:"/ "}.breacamp ul li a{color:#0275d8;text-decoration:none;font-size:.8em}.breacamp ul li a:hover{color:#01447e;text-decoration:underline}.months{padding:1em}.months .month{display:flex;align-items:center;gap:1em;background-color:#fff;border-radius:6px;box-shadow:#0000000d 0 0 0 1px;cursor:pointer;margin-bottom:.7em}.months .month:hover{box-shadow:#0000001a 0 1px 3px,#0000000f 0 1px 2px;border:1px solid #93a20c}.months .month .mr h5{font-weight:500;display:flex;font-size:1em;align-items:center;gap:5px;color:#333333bd}.months .month .mr p{color:#606060;display:flex;align-items:center;gap:1.5em;margin-top:.2em}.months .month .mr span{display:flex;align-items:center;justify-content:center;gap:.2em}.months .month .mr span:nth-child(1){color:#93a20c}.months .month .mr span:nth-child(2){color:red}.months .month .mr span:nth-child(3){color:#b78103}.results .result h4{color:#606060;font-weight:500;margin-top:.2em;margin-bottom:.4em;font-size:1.1em}.results .result .ml{border-right:1px solid #ddd}.results .result .navigation{display:flex;align-items:center;gap:.5em}.results .result a,.results .result button{margin-right:1em;border:1px solid #646cff;padding:3px 8px;border-radius:6px;font-size:.8em;display:flex;align-items:center;justify-content:center;gap:.2em;width:80px;background:transparent;color:#646cff}.results .result button{padding:5px 12px;cursor:pointer}.results .result a:hover,.results .result button:hover{background-color:#93a20c;color:#fff}.notices .notice{padding:6px}.notices .notice:hover>.mr p{color:#646cff!important}.notices p{font-size:1em;color:#606060;margin-bottom:0;gap:.2em!important}.notices p:last-child{color:#767676;font-size:.8em;margin:.3em 0}.css-1miy0lu-MuiTypography-root{margin-left:-12px!important;color:#606060!important;font-size:1.1em!important}@media screen and (max-width:625px){main{padding:0}main .content-container{width:100%}header nav{display:flex;align-items:center;justify-content:space-between;background:repeating-linear-gradient(45deg,#0000000d,transparent 70px)}header nav .nav-icon,aside .close-menu{display:block}aside .image-circle .user-info ul li:nth-child(1){text-transform:uppercase}aside .close-menu{position:absolute;right:.8em;top:8px}header nav .nav-icon svg,aside .close-menu svg{font-size:1.6em;color:#5f9ea0;padding:5px;background:#fff;border-radius:2px}aside .close-menu svg{border-radius:50%;color:#b1780e}main .content-container .left-content{width:100%;display:none;float:none;position:fixed;top:35px;height:100%;z-index:99}main .content-container .left-content.active{display:block}aside .image-circle img{width:100px;height:100px}main .content-container .right-content{width:100%}.attandance-chart{gap:.4em}.attandance-chart svg{width:160px!important}.presentedby{flex-direction:column}.empty-heading{padding:6px;font-size:13px;border-radius:6px;margin-top:.5em}.main-profile ul{padding-left:6px;padding-right:6px}.presentedby p{font-size:15px}.presentedby p:last-child{display:none}}.share-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9}.share-options{background-color:#fff;padding:20px;border-radius:10px;text-align:center}.share-options button{display:block;margin:10px;padding:10px 20px;font-size:16px;cursor:pointer}.share-modal .share-options button{background-color:#007bff;color:#fff;border:none;border-radius:5px}.share-modal .share-options button:hover{background-color:#0056b3}.login-page{background:linear-gradient(45deg,#3ab3d9,#639)!important;padding:20px 0;height:100vh;position:relative}.loading{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.login{width:550px;margin:auto;box-shadow:#0003 2px 2px 6px;border-radius:6px;background:repeating-linear-gradient(145deg,#fff,#fbfbfb 100px);border:1px solid #ddd}.portal{text-align:center}.portal img{width:100%;height:120px;object-fit:cover;object-position:top;z-index:1}form{padding:20px 10px 0;margin:0 10px 10px}form h5{padding-left:10px;font-weight:500;font-size:1.1em;color:#333333d1;margin-bottom:.5em}form .btn{text-align:center;padding:5px 6px;margin:.5em .3em .3em}form .btn button{border-radius:5px;width:100%;padding:8px;font-size:1em;cursor:pointer;border:1.4px solid cadetblue;color:#fff;background-color:#5f9ea0;display:flex;align-items:center;gap:3px;justify-content:center}form .btn button:hover{opacity:.6}form .field{display:flex;flex-direction:column;gap:5px;background-color:#fff;padding:5px 10px;margin-bottom:.3em}form .field label{color:#606060;font-size:1.1em}form .field input{height:35px;border:1px solid #ccc;font-size:1em;border-radius:6px;padding:0 8px}form .field input:focus{outline-color:#5f9ea0}footer{margin-top:2em;border-top:1px solid cadetblue;display:flex;align-items:center;justify-content:space-between;padding:3px 12px}footer p{color:#606060}@media screen and (max-width:625px){.login-page{padding:8px 6px}.login{width:100%}form{padding-left:0;padding-right:0}footer{flex-direction:column}footer p:first-child{margin-top:6px}footer p{margin:2px}}.main-profile{background-color:#fff;box-shadow:2px 1px 4px #0003;border-radius:6px;margin:auto;padding:1em .5em}.main-profile h4{font-weight:500;padding-left:8px;color:#639}.main-profile .image{background:url(/mushrom.jpg);padding:.85em 0;text-align:center;background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:6px;position:relative;z-index:1}.main-profile .image:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:#0006;z-index:-1}.main-profile .image img{width:150px;height:150px;object-fit:cover;object-position:top;border-radius:50%;background-color:#dcdcdc}.main-profile ul{list-style:none;border-top:1.5px solid #ddd;padding-top:14px}.main-profile ul li span{width:150px;display:inline-block}.main-profile ul li{font-weight:500;color:#606060;margin-bottom:.3em}.main-profile .btn-position{text-align:right}.main-profile button{display:flex;align-items:center;justify-content:center;width:100%;gap:3px}