@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";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}button,a{margin:0;padding:0;border:none;background:none;font:inherit;color:inherit;text-decoration:none;cursor:pointer}.bg-warning{background:#fbe69c!important;color:#c39a08!important;border-color:#c39a08!important}.bg-success{background:#76ff74!important;color:#02a700!important;border-color:#02a700!important}.bg-danger{background:#ff7474!important;color:#a70000!important;border-color:#a70000!important}.bg-primary{background:#8fd8ff!important;color:#007ec2!important;border-color:#007ec2!important}.bg-secondary{background:#e5e5e5!important;color:#7f7f7f!important;border-color:#7f7f7f!important}:root{font-size:14px}*{font-family:Roboto,sans-serif;box-sizing:border-box}body{font-family:Roboto,sans-serif}[x-cloak]{display:none!important}.dashboard__content.spmi .spmi__content .content__container.home .home__program-studi .program-studi__header .header__title,.dashboard__content.spmi .spmi__content .content__container.home .home__profile .profile__container .profile__right .right__bottom .profile__title,.dashboard__content.spmi .spmi__content .content__container.home .home__profile .profile__container .profile__right .right__top .profile__title,.dashboard__content.spmi .spmi__content .content__container.home .home__info .info__title,.dashboard__content.spmi .spmi__content .content__container.home .home__module .module__title{font-size:1.3em;font-weight:700;color:#1c283a}.dashboard__content.spmi .spmi__content .content__container.home .home__program-studi,.dashboard__content.spmi .spmi__content .content__container.home .home__statistics{display:flex;flex-direction:column;gap:1.8em;padding:1.8em;border-radius:0;box-shadow:3px 3px 15px #0000000d;background:#fff}.dashboard__content.admin .admin__sidebar,.dashboard__content.monev .monev__sidebar,.dashboard__content.spmi .spmi__sidebar{position:relative;display:flex;flex-direction:column;gap:1.5em;padding:1em 0 1em 1em;background:#d9d9d9}.dashboard__content.admin .admin__sidebar .sidebar__toggle,.dashboard__content.monev .monev__sidebar .sidebar__toggle,.dashboard__content.spmi .spmi__sidebar .sidebar__toggle{display:flex;align-self:flex-end;width:fit-content;padding:.7em 1.5em .7em .7em;cursor:pointer;border:0;background:transparent;color:#00000080}.dashboard__content.admin .admin__sidebar .sidebar__menu,.dashboard__content.monev .monev__sidebar .sidebar__menu,.dashboard__content.spmi .spmi__sidebar .sidebar__menu{display:flex;flex-direction:column;gap:.3em;overflow-y:auto}.dashboard__content.admin .admin__sidebar .sidebar__menu .menu__dropdown,.dashboard__content.monev .monev__sidebar .sidebar__menu .menu__dropdown,.dashboard__content.spmi .spmi__sidebar .sidebar__menu .menu__dropdown{display:flex;flex-direction:column;gap:.3em}.dashboard__content.admin .admin__sidebar .sidebar__menu .menu__dropdown .dropdown__item,.dashboard__content.monev .monev__sidebar .sidebar__menu .menu__dropdown .dropdown__item,.dashboard__content.spmi .spmi__sidebar .sidebar__menu .menu__dropdown .dropdown__item{display:flex;align-items:center;text-decoration:none;gap:.7em;min-height:2.5em;padding:.5em 1.5em .5em .7em;border-radius:0 0 0 .3em;cursor:pointer;opacity:80%;background:transparent;color:#000c}.dashboard__content.admin .admin__sidebar .sidebar__menu .menu__dropdown .dropdown__item.active,.dashboard__content.monev .monev__sidebar .sidebar__menu .menu__dropdown .dropdown__item.active,.dashboard__content.spmi .spmi__sidebar .sidebar__menu .menu__dropdown .dropdown__item.active{opacity:100%;background:#d9d9d9}.dashboard__content.admin .admin__sidebar .sidebar__menu .menu__dropdown .dropdown__item i,.dashboard__content.monev .monev__sidebar .sidebar__menu .menu__dropdown .dropdown__item i,.dashboard__content.spmi .spmi__sidebar .sidebar__menu .menu__dropdown .dropdown__item i{display:flex;align-items:center;justify-content:start;font-size:.9em;height:1.1em;width:1.2em}.dashboard__content.admin .admin__sidebar .sidebar__menu .menu__dropdown .dropdown__item span,.dashboard__content.monev .monev__sidebar .sidebar__menu .menu__dropdown .dropdown__item span,.dashboard__content.spmi .spmi__sidebar .sidebar__menu .menu__dropdown .dropdown__item span{display:flex;line-height:1.5;width:16em;padding:0 1.5em 0 0}.dashboard__content.admin .admin__sidebar .sidebar__menu .menu__item,.dashboard__content.monev .monev__sidebar .sidebar__menu .menu__item,.dashboard__content.spmi .spmi__sidebar .sidebar__menu .menu__item{display:flex;align-items:center;text-decoration:none;gap:.7em;min-height:2.5em;padding:.5em 1.5em .5em .7em;opacity:80%;border-radius:0 0 0 .3em;color:#000c}.dashboard__content.admin .admin__sidebar .sidebar__menu .menu__item.active,.dashboard__content.monev .monev__sidebar .sidebar__menu .menu__item.active,.dashboard__content.spmi .spmi__sidebar .sidebar__menu .menu__item.active{opacity:100%;box-shadow:2px 2px 5px #0000000d;background:#f0f0f0}.dashboard__content.admin .admin__sidebar .sidebar__menu .menu__item i,.dashboard__content.monev .monev__sidebar .sidebar__menu .menu__item i,.dashboard__content.spmi .spmi__sidebar .sidebar__menu .menu__item i{display:flex;align-items:center;justify-content:start;font-size:.9em;height:1.1em;width:1.2em}.dashboard__content.admin .admin__sidebar .sidebar__menu .menu__item span,.dashboard__content.monev .monev__sidebar .sidebar__menu .menu__item span,.dashboard__content.spmi .spmi__sidebar .sidebar__menu .menu__item span{display:flex;line-height:1.5;width:16em;padding:0 1.5em 0 0}.dashboard__content.admin .admin__sidebar .sidebar__menu .menu__separator,.dashboard__content.monev .monev__sidebar .sidebar__menu .menu__separator,.dashboard__content.spmi .spmi__sidebar .sidebar__menu .menu__separator{width:100%;border:.8px solid rgba(0,0,0,.1)}.input{display:flex;flex-direction:column;gap:.5em;width:100%}.input__label{font-size:.8em;color:#0009}.input__error{font-size:.8em;color:red}.input input{min-height:40px;width:100%;padding:.8em;border:1px solid rgba(0,0,0,.3);outline:none}.input input[type=checkbox],.input input[type=radio]{min-height:fit-content}.input input.error{border-color:red!important}.input .select{position:relative;min-height:40px;width:100%;padding:.6em;border-radius:0;border:1px solid rgba(0,0,0,.3);outline:none}.input .select select{position:absolute;inset:0;padding:.6em;border:none;background:transparent}.input .select.error{border-color:red}.input .select-search{position:relative}.input .select-search ul{position:absolute;display:flex;flex-direction:column;margin:.5em 0 0;min-width:10em;padding:.6em;overflow-y:scroll;z-index:10;box-shadow:2px 2px 10px #0000001a;background:#fff}.input .select-search ul li{padding:.3em .8em;cursor:pointer}.input .select-search ul li:hover{border-radius:0;background:#0000000d}.input .checkbox{display:flex;flex-direction:column;justify-content:center;gap:.3em;margin:.5em 0 0}.input .checkbox label{display:flex;align-items:center;gap:.5em;width:fit-content;cursor:pointer}.input .checkbox label input{width:fit-content}.input .radio{display:flex;flex-direction:column;justify-content:center;gap:.8em;margin:.5em 0 0}.input .radio label{display:flex;align-items:center;gap:.5em;width:fit-content;cursor:pointer}.input .radio label input{margin:0;width:fit-content}.input .success{border:2px solid #50dc4d;background:#dbf6db}.button{display:flex;align-items:center;justify-content:center;font-size:1rem;text-align:center;gap:.6em;min-height:30px!important;min-width:6em;padding:.5em 1em;border:1px solid #456176;background:#456176;color:#fff}.button.button__outline{background:transparent;color:#456176}.button.button__success{border-color:#019c09;background:#019c09}.button.button__info{border-color:#0a7baf;background:#0a7baf}.button.button__danger{border-color:#c42a00;background:#c42a00}.table{font-size:.9em;width:100%;background:#fff}.table tr:has(td:hover){background:#00000008}.table th{font-weight:700;text-align:start;line-height:1.5;white-space:nowrap;padding:1.2em 1em;background:#9db2bf;color:#fff}.table td{line-height:1.5;padding:.6em 1em;vertical-align:middle;border-bottom:.8px dashed rgba(0,0,0,.2)}.table td .table__action{display:flex;align-items:center;justify-content:center;font-size:.8em;gap:.5em}.table td .table__action .button{font-size:.8rem;min-height:fit-content!important;min-width:2.5em;padding:.5em}.table td:has(.table__action){line-height:1}.table td .table__empty{display:flex;align-items:center;justify-content:center;font-size:.9em;text-align:center;color:#00000080}.table td mark{background:#ffe174}.table td:has(.table__empty){background:#0000000d;padding:4em 0}.modal{position:fixed;display:flex;align-items:center;justify-content:center;font-size:1rem;inset:0;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000c}.modal__container{display:flex;flex-direction:column;font-size:1rem;gap:1.5em;width:100%;padding:1.5em;border-radius:0;box-shadow:3px 3px 15px #0000000d;background:#ffffffed}.modal__container .modal__header{display:flex;flex-direction:column;gap:1em}.modal__container .modal__header .header__title{font-size:1.2em;font-weight:700;line-height:1.5;margin:0 0 -.5em;color:#1c283a}.modal__container .modal__header .header__subtitle{font-size:.9em;color:#0009}.modal__container .modal__separator{width:100%;border:.8px solid rgba(0,0,0,.08);margin:0}.modal__container .modal__close{align-self:flex-end}.modal__container .button{font-size:1rem!important;min-height:30px!important;min-width:6em!important}.modal__container .modal__bottom{display:flex;align-self:end;gap:.5em;margin:1em 0 0}.modal__container .table{background:transparent}.modal__container .table th,.modal__container .table td{padding:.4em 1em}.modal__container .table td .table__action{gap:.3em}.modal__container .table td .table__action .button{padding:.4em;min-width:2.5em!important}.modal__container .disclaimer{font-size:.9em;line-height:1.5em;padding:.8em 1.2em;border-radius:0;background:#f5ecca;color:#75683d}.modal__container p{line-height:1.6}.button:has(.modal__notif){position:relative}.button:has(.modal__notif) .notif__number{position:absolute;display:flex;align-items:center;justify-content:center;top:-30%;right:-30%;aspect-ratio:1/1;width:1.5em;border-radius:50%;background:#ffe174;color:#000c}.form{display:flex;flex-direction:column;gap:1.4em;font-size:1rem}.form__bottom{display:flex;justify-content:end;align-self:end;gap:.8em;margin:1em 0 0;width:100%}.form .input{width:100%!important}.badge{font-size:.9em;padding:.4em .8em;border-radius:999px}.badge.bg-warning{background:#fbe69c}.badge.bg-success{background:#76ff74}.badge.bg-danger{background:#ff7474}.badge.bg-primary{background:#8fd8ff}.badge.bg-secondary{background:#e5e5e5}.unavailable{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1em;padding:4em;border-radius:0;background:radial-gradient(#00000005,#0000001a)}.unavailable__title{font-size:1.3em;font-weight:700;text-align:center}.unavailable__image{width:16em}.alert{position:fixed;display:flex;align-items:center;justify-content:start;bottom:0;right:0;left:0;padding:3em}.alert__container{display:flex;align-items:center;justify-content:start;padding:1em 1.5em;background:#fff;width:100%;max-width:20em}.two-section{display:flex;flex-direction:column;gap:0!important}.two-section__header{position:relative;display:flex;align-items:center;gap:1.8em;padding:2em;min-height:8em;border-radius:0;overflow:hidden;box-shadow:3px 3px 15px #0000000d;background:#456176}.two-section__header>img{position:absolute;object-fit:cover;right:0;top:0;bottom:0;height:180%;opacity:20%}.two-section__header .header__icon{font-size:2.8em;color:#9db2bf}.two-section__header .header__right{display:flex;flex-direction:column;gap:.5em}.two-section__header .header__right .header__title{font-size:1.4em;font-weight:700;color:#fff}.two-section__header .header__right .header__subtitle{color:#ffffff80}.two-section__content{display:flex;flex-direction:column;gap:1.5em;padding:2em;border-radius:0;box-shadow:3px 3px 15px #0000000d;background:#fff}.two-section__content .content__feature{display:flex;justify-content:space-between;align-items:center;margin:0 0 1.2em}.two-section__content .content__feature .feature__left,.two-section__content .content__feature .feature__right{display:flex;gap:.5em}.two-section__content .content__feature .input{width:22em}.dashboard{display:flex;height:100vh;width:100%}.dashboard__sidebar{display:flex;flex-direction:column;gap:1.5em;padding:1em;background:#1c283a}.dashboard__sidebar .sidebar__toggle{display:flex;align-self:flex-end;width:fit-content;padding:.7em;cursor:pointer;border:0;background:transparent;color:#ffffff80}.dashboard__sidebar>.input{height:2.4em}.dashboard__sidebar>.input .select{padding:.3em 1em;border:1px solid rgba(255,255,255,.5);background:#fff3}.dashboard__sidebar>.input .select select{padding:.3em .6em;color:#fff}.dashboard__sidebar .sidebar__menu{display:flex;flex-direction:column;gap:.3em;height:100%}.dashboard__sidebar .sidebar__menu .menu__item{display:flex;align-items:center;text-decoration:none;gap:.7em;padding:.5em;border-radius:0;opacity:80%;color:#fffc;min-height:2.5em}.dashboard__sidebar .sidebar__menu .menu__item.active{opacity:100%;box-shadow:2px 2px 5px #0000001a;background:#fff3;color:#fff}.dashboard__sidebar .sidebar__menu .menu__item i{display:flex;align-items:center;justify-content:center;font-size:.9em;height:1.1em;width:1.2em;padding:0 0 0 .4em}.dashboard__sidebar .sidebar__menu .menu__item span{line-height:1.5;padding:0 2em 0 0}.dashboard__sidebar .sidebar__menu .menu__separator{width:100%;border:.8px solid rgba(255,255,255,.1)}.dashboard__sidebar .sidebar__menu .form{margin-top:auto}.dashboard__content.spmi{display:flex;width:100%}.dashboard__content.spmi .spmi__content{display:flex;flex-direction:column;width:100%}.dashboard__content.spmi .spmi__content .content__header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1em;padding:1.5em 3em;box-shadow:3px 3px 15px #0000000d;background:#1c283a}.dashboard__content.spmi .spmi__content .content__header .header__title{font-size:1.3em;font-weight:700;color:#fff}.dashboard__content.spmi .spmi__content .content__header .header__select{display:flex;gap:.8em}.dashboard__content.spmi .spmi__content .content__header .header__select .input .select{border-color:#fff3;background:#ffffff1a}.dashboard__content.spmi .spmi__content .content__header .header__select .input .select select{color:#fff}.dashboard__content.spmi .spmi__content .content__container{display:flex;flex-direction:column;gap:3em;height:100vh;width:100%;padding:3em;overflow:scroll;background:#f0f0f0}.dashboard__content.spmi .spmi__content .content__container.home .home__module{position:relative;display:flex;flex-direction:column;gap:1.5em;padding:0 0 10em}.dashboard__content.spmi .spmi__content .content__container.home .home__module .module__list{position:absolute;display:flex;align-items:center;top:4em;gap:2em;width:100%;overflow:hidden}.dashboard__content.spmi .spmi__content .content__container.home .home__module .module__list:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgb(242.25,242.25,242.25) 5%,transparent 15% 85%,rgb(242.25,242.25,242.25) 95%)}.dashboard__content.spmi .spmi__content .content__container.home .home__module .module__list .list__content{position:relative;display:flex;width:100%;gap:1em;overflow:hidden;scroll-behavior:auto}.dashboard__content.spmi .spmi__content .content__container.home .home__module .module__list .list__content .list__item{display:flex;align-items:center;text-decoration:none;gap:1em;width:16em;padding:1em 2em 1em 1em;border-radius:0;box-shadow:2px 2px 10px #0000000d;background:#fff;flex:0 0 auto}.dashboard__content.spmi .spmi__content .content__container.home .home__module .module__list .list__content .list__item .item__icon{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;min-width:4em;padding:1em;border-radius:0;background:#dde6ed}.dashboard__content.spmi .spmi__content .content__container.home .home__module .module__list .list__content .list__item .item__icon i{font-size:2.2em;color:#456176}.dashboard__content.spmi .spmi__content .content__container.home .home__module .module__list .list__content .list__item .item__right{display:flex;flex-direction:column;gap:.7em}.dashboard__content.spmi .spmi__content .content__container.home .home__module .module__list .list__content .list__item .item__right .item__progress{font-size:.85em;color:#00000080}.dashboard__content.spmi .spmi__content .content__container.home .home__module .module__list .list__content .list__item .item__right .item__title{font-size:1.1em;font-weight:700;color:#000c}.dashboard__content.spmi .spmi__content .content__container.home .home__module .module__list .list__arrow{cursor:pointer;padding:.5em 1em;border:none;background:#e0e0e0;border-radius:0;z-index:2}.dashboard__content.spmi .spmi__content .content__container.home .home__info{display:flex;flex-direction:column;gap:1.5em}.dashboard__content.spmi .spmi__content .content__container.home .home__profile{position:relative}.dashboard__content.spmi .spmi__content .content__container.home .home__profile .profile__background{position:absolute;object-fit:cover;inset:0;height:100%;width:100%;z-index:0;filter:grayscale(1);border-radius:0}.dashboard__content.spmi .spmi__content .content__container.home .home__profile .profile__container{position:relative;display:flex;gap:2em;padding:2em;overflow:hidden;border-radius:0;box-shadow:3px 3px 15px #0000000d;opacity:95%}.dashboard__content.spmi .spmi__content .content__container.home .home__profile .profile__container .profile__left{display:flex;flex-direction:column;align-items:center;gap:3em;width:50%;padding:2em}.dashboard__content.spmi .spmi__content .content__container.home .home__profile .profile__container .profile__left .profile__avatar{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;width:12em;padding:2em;border-radius:50%;background:#fff}.dashboard__content.spmi .spmi__content .content__container.home .home__profile .profile__container .profile__left .profile__avatar img{width:100%}.dashboard__content.spmi .spmi__content .content__container.home .home__profile .profile__container .profile__left .profile__list{display:flex;flex-direction:column;font-size:.95em;gap:1.2em;width:100%}.dashboard__content.spmi .spmi__content .content__container.home .home__profile .profile__container .profile__left .profile__list .list__item{display:flex;align-items:center;gap:1em;color:#fff}.dashboard__content.spmi .spmi__content .content__container.home .home__profile .profile__container .profile__left .profile__list .list__item .item__label{line-height:1.5;min-width:14em;max-width:14em}.dashboard__content.spmi .spmi__content .content__container.home .home__profile .profile__container .profile__left .profile__list .list__item .item__value,.dashboard__content.spmi .spmi__content .content__container.home .home__profile .profile__container .profile__left .profile__list .list__item .item__value .input{width:100%}.dashboard__content.spmi .spmi__content .content__container.home .home__profile .profile__container .profile__left .profile__list .list__item .item__value .input input{font-size:1em;width:100%;padding:.3em .5em;outline:none;border-radius:0;border:1px solid rgba(255,255,255,.15);background:transparent;color:#fff}.dashboard__content.spmi .spmi__content .content__container.home .home__profile .profile__container .profile__right{display:flex;flex-direction:column;gap:2em;width:50%}.dashboard__content.spmi .spmi__content .content__container.home .home__profile .profile__container .profile__right .right__top{display:flex;flex-direction:column;gap:2em;padding:2em;border-radius:0;box-shadow:3px 3px 10px #00000026;background:#fff}.dashboard__content.spmi .spmi__content .content__container.home .home__profile .profile__container .profile__right .right__top .profile__title{color:#1c283a}.dashboard__content.spmi .spmi__content .content__container.home .home__profile .profile__container .profile__right .right__top .profile__list{display:flex;flex-direction:column;font-size:.95em;gap:1.2em}.dashboard__content.spmi .spmi__content .content__container.home .home__profile .profile__container .profile__right .right__top .profile__list .list__item{display:flex;align-items:center;gap:1em;color:#1c283acc}.dashboard__content.spmi .spmi__content .content__container.home .home__profile .profile__container .profile__right .right__top .profile__list .list__item .item__label{line-height:1.5;width:8em}.dashboard__content.spmi .spmi__content .content__container.home .home__profile .profile__container .profile__right .right__top .profile__list .list__item .item__value,.dashboard__content.spmi .spmi__content .content__container.home .home__profile .profile__container .profile__right .right__top .profile__list .list__item .item__value .input{width:100%}.dashboard__content.spmi .spmi__content .content__container.home .home__profile .profile__container .profile__right .right__top .profile__list .list__item .item__value .input input{font-size:1em;width:100%;padding:.3em .5em;outline:none;border-radius:0;border:1px solid rgba(0,0,0,.1);background:transparent;color:#1c283a}.dashboard__content.spmi .spmi__content .content__container.home .home__profile .profile__container .profile__right .right__bottom{display:flex;flex-direction:column;gap:2em;padding:2em;border-radius:0;box-shadow:3px 3px 10px #00000026;background:#fff}.dashboard__content.spmi .spmi__content .content__container.home .home__profile .profile__container .profile__right .right__bottom .profile__title{color:#1c283a}.dashboard__content.spmi .spmi__content .content__container.home .home__profile .profile__container .profile__right .right__bottom .profile__list{display:flex;flex-direction:column;font-size:.95em;gap:1.2em}.dashboard__content.spmi .spmi__content .content__container.home .home__profile .profile__container .profile__right .right__bottom .profile__list .list__item{display:flex;align-items:center;gap:1em;color:#1c283acc}.dashboard__content.spmi .spmi__content .content__container.home .home__profile .profile__container .profile__right .right__bottom .profile__list .list__item .item__label{line-height:1.5;width:8em}.dashboard__content.spmi .spmi__content .content__container.home .home__profile .profile__container .profile__right .right__bottom .profile__list .list__item .item__value,.dashboard__content.spmi .spmi__content .content__container.home .home__profile .profile__container .profile__right .right__bottom .profile__list .list__item .item__value .input{width:100%}.dashboard__content.spmi .spmi__content .content__container.home .home__profile .profile__container .profile__right .right__bottom .profile__list .list__item .item__value .input input{font-size:1em;width:100%;padding:.3em .5em;outline:none;border-radius:0;border:1px solid rgba(0,0,0,.1);background:transparent;color:#1c283a}.dashboard__content.spmi .spmi__content .content__container.home .home__profile .profile__container .profile__right .right__bottom .profile__chart{margin:.5em 0 0}.dashboard__content.spmi .spmi__content .content__container.home .home__statistics .statistics__number{display:flex;align-items:center;gap:2em}.dashboard__content.spmi .spmi__content .content__container.home .home__statistics .statistics__number .statistics__left{display:flex;flex-direction:column;width:30%}.dashboard__content.spmi .spmi__content .content__container.home .home__statistics .statistics__number .statistics__left .statistics__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8em}.dashboard__content.spmi .spmi__content .content__container.home .home__statistics .statistics__number .statistics__left .statistics__item i{font-size:3.5em;color:#456176}.dashboard__content.spmi .spmi__content .content__container.home .home__statistics .statistics__number .statistics__left .statistics__item .item__count{font-size:1.8em;font-weight:700}.dashboard__content.spmi .spmi__content .content__container.home .home__statistics .statistics__number .statistics__left .statistics__item .item__title{font-size:1.1em;color:#0009}.dashboard__content.spmi .spmi__content .content__container.home .home__statistics .statistics__number .statistics__right{display:flex;flex-direction:column;width:70%}.dashboard__content.spmi .spmi__content .content__container.home .home__statistics .statistics__number .statistics__right .statistics__list{display:grid;grid-template-columns:repeat(3,1fr);gap:1em}.dashboard__content.spmi .spmi__content .content__container.home .home__statistics .statistics__number .statistics__right .statistics__list .list__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1em;padding:1em;border-radius:0;box-shadow:3px 3px 15px #0000000d;background:#fff}.dashboard__content.spmi .spmi__content .content__container.home .home__statistics .statistics__number .statistics__right .statistics__list .list__item .item__count{font-size:1.8em;font-weight:700;color:#456176}.dashboard__content.spmi .spmi__content .content__container.home .home__statistics .statistics__number .statistics__right .statistics__list .list__item .item__title{font-size:1.1em;color:#0009}.dashboard__content.spmi .spmi__content .content__container.home .home__statistics .statistics__chart{display:flex;flex-direction:column}.dashboard__content.spmi .spmi__content .content__container.home .home__program-studi .program-studi__header{display:flex;flex-direction:column;align-items:center;gap:1em}.dashboard__content.spmi .spmi__content .content__container.home .home__program-studi .program-studi__header .header__title{text-align:center}.dashboard__content.spmi .spmi__content .content__container.home .home__program-studi .program-studi__header .header__description{text-align:center;line-height:1.5;max-width:40em;color:#0009}.dashboard__content.spmi .spmi__content .content__container.profil{align-items:center}.dashboard__content.spmi .spmi__content .content__container.profil .form{width:100%;max-width:30em}.dashboard__content.spmi .spmi__content .content__container .penetapan.standar-lain .standar-lain__button{align-self:flex-end}.dashboard__content.spmi .spmi__content .content__container .pelaksanaan .option{display:flex;flex-direction:column;gap:.3em}.dashboard__content.spmi .spmi__content .content__container .pelaksanaan .option__item{display:flex;align-items:center;gap:.8em;cursor:pointer}.dashboard__content.spmi .spmi__content .content__container .pelaksanaan .option__item .item__box{display:flex;align-items:center;justify-content:center;height:1.2em;width:1.2em;border-radius:50%;border:1px solid rgba(0,0,0,.6)}.dashboard__content.spmi .spmi__content .content__container .pelaksanaan .option__item .item__box .check{display:flex;height:.7em;width:.7em;border-radius:50%;background:#456176}.dashboard__content.spmi .spmi__content .content__container .peningkatan .option{display:flex;flex-direction:column;gap:.3em}.dashboard__content.spmi .spmi__content .content__container .peningkatan .option__item{display:flex;align-items:center;gap:.8em;cursor:pointer}.dashboard__content.spmi .spmi__content .content__container .peningkatan .option__item .item__box{display:flex;align-items:center;justify-content:center;height:1.2em;width:1.2em;border-radius:50%;border:1px solid rgba(0,0,0,.6)}.dashboard__content.spmi .spmi__content .content__container .peningkatan .option__item .item__box .check{display:flex;height:.7em;width:.7em;border-radius:50%;background:#456176}.dashboard__content.spmi .spmi__content .content__container .standar-yang-ditetapkan-institusi .option{display:flex;flex-direction:column;gap:.3em}.dashboard__content.spmi .spmi__content .content__container .standar-yang-ditetapkan-institusi .option__item{display:flex;align-items:center;gap:.8em;cursor:pointer}.dashboard__content.spmi .spmi__content .content__container .standar-yang-ditetapkan-institusi .option__item .item__box{display:flex;align-items:center;justify-content:center;height:1.2em;width:1.2em;border-radius:50%;border:1px solid rgba(0,0,0,.6)}.dashboard__content.spmi .spmi__content .content__container .standar-yang-ditetapkan-institusi .option__item .item__box .check{display:flex;height:.7em;width:.7em;border-radius:50%;background:#456176}.dashboard__content.spmi .spmi__content .content__container .evaluasi__navigation{display:flex;gap:2em;margin:0 0 1em;border-bottom:.8px solid rgba(0,0,0,.2)}.dashboard__content.spmi .spmi__content .content__container .evaluasi__navigation .navigation__item{padding:0 0 1.5em}.dashboard__content.spmi .spmi__content .content__container .evaluasi__navigation .navigation__item.active{border-bottom:1.2px solid #456176}.dashboard__content.spmi .spmi__content .content__container .evaluasi__content{display:flex;flex-direction:column;gap:1.5em}.dashboard__content.spmi .spmi__content .content__container .evaluasi__content.evaluasi-lain .evaluasi-lain__button,.dashboard__content.spmi .spmi__content .content__container .pengendalian .pengendalian__button{align-self:flex-end}.dashboard__content.monev{display:flex;width:100%}.dashboard__content.monev .monev__container{display:flex;flex-direction:column;gap:2em;height:100vh;width:100%;padding:2em;overflow:scroll;background:#f0f0f0}.dashboard__content.monev .monev__container .monev__redirect{display:flex;gap:.5em;width:fit-content;color:#9db2bf}.dashboard__content.monev .monev__container.index{display:flex;flex-direction:column}.dashboard__content.monev .monev__container.index .index__header{display:flex;flex-direction:column;gap:.2em}.dashboard__content.monev .monev__container.index .index__header .header__title{font-size:1.4em;font-weight:700;color:#1c283a}.dashboard__content.monev .monev__container.index .index__title{font-weight:500;font-size:1.1em;margin:1em 0 0;color:#456176}.dashboard__content.monev .monev__container.index .index__list{display:flex;flex-direction:column;gap:.8em}.dashboard__content.monev .monev__container.index .index__list .list__item{display:flex;align-items:center;justify-content:space-between;padding:.8em;border:1px solid rgba(0,0,0,.15);background:#fff}.dashboard__content.monev .monev__container.index .index__list .list__item .item__text{display:flex;flex-direction:column;gap:.5em;margin:0 0 0 .5em}.dashboard__content.monev .monev__container.index .index__list .list__item .item__text .text__title{font-size:1em;font-weight:500}.dashboard__content.monev .monev__container.index .index__list .list__item .item__text .text__subtitle{font-size:.8em;color:#9db2bf}.dashboard__content.monev .monev__container.index .index__list .list__item a.button{font-size:.9em;min-height:fit-content;min-width:5em;padding:.6em 1em;background:#456176;color:#fff}.dashboard__content.monev .monev__container.index .index__list .list__item .item__action{display:flex;gap:.5em}.dashboard__content.admin{display:flex;width:100%}.dashboard__content.admin .admin__content{display:flex;flex-direction:column;height:100vh;width:100%;padding:3em;overflow:scroll;background:#f0f0f0}.auth{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;background:#1c283a}.auth>img{position:absolute;object-fit:cover;inset:0;height:100%;width:100%;z-index:-1;opacity:10%;filter:grayscale(1)}.auth:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(28,40,58,.8),transparent,rgba(28,40,58,.9));z-index:-1}.auth__container{position:relative;display:flex;flex-direction:column;gap:2em;width:100%;max-width:400px;padding:5em 2em 2em;background:#ffffffed}.auth__container .auth__logo{position:absolute;display:flex;align-items:center;align-self:center;justify-content:center;aspect-ratio:1/1;top:-4em;width:8em;padding:1em;border-radius:50%;background:#fff;box-shadow:3px 3px 10px #0000001a}.auth__container .auth__logo img{width:100%}.auth__container .auth__title{font-size:1.3em;font-weight:600}.auth__container .form{gap:1em}.auth__container .form__navigation{display:flex;justify-content:space-between;margin:.5em 0}.auth__container .form__navigation label{display:flex;align-items:center;line-height:0;gap:.5em;cursor:pointer}.auth__container .form__navigation a{color:#456176}.auth__container .form__bottom{flex-direction:column;margin:0}.auth__container .form__bottom .button{width:100%}
