@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap);[data-v-0367f260]{color:#fff!important}.parent[data-v-0b9fe1ef]{position:fixed;top:0;bottom:0;left:0;right:0;height:100vh;background-color:rgba(0,0,0,.9176470588235294);z-index:99999999}.v-text-field--outlined[data-v-0b9fe1ef] fieldset{border-color:var(--v-primary-base)}.text-white .v-text-field__slot input[data-v-0b9fe1ef]{color:#fff!important}.image-nsuk[data-v-0b9fe1ef]{border:4px solid #016b4b}.image-lafia[data-v-0b9fe1ef]{border:4px solid #ff9931}.details-card[data-v-53017f45],.profile-card[data-v-53017f45],.status-card[data-v-53017f45]{background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.05);transition:transform .2s ease,box-shadow .2s ease;&[data-v-53017f45]:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.05)}}.v-card[data-v-1d736ac8]{transition:all .2s ease}.v-card[data-v-1d736ac8]:hover{transform:translateY(-2px)}.text-center .v-icon[data-v-1d736ac8]{opacity:.5}.v-select.rounded-lg[data-v-1d736ac8] .v-input__slot{border-radius:8px!important}.v-progress-circular[data-v-1d736ac8]{font-weight:600;font-size:.875rem}@keyframes pulse-1d736ac8{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1);opacity:1}to{transform:scale(.95);opacity:.8}}.loading-animation[data-v-1d736ac8]{animation:pulse-1d736ac8 1.5s ease-in-out infinite}@media (max-width:600px){.container.pa-6[data-v-1d736ac8]{padding:16px!important}.v-card-title[data-v-1d736ac8]{font-size:1.25rem!important}.text-h4[data-v-1d736ac8]{font-size:1.5rem!important}.v-btn-toggle[data-v-1d736ac8]{margin-top:12px;width:100%}}.v-select .v-input__slot{border-radius:8px!important;margin-top:.2rem!important;margin-bottom:.2rem!important}.v-select.v-select--enclosed .v-select__details,.v-text-field.v-text-field--enclosed .v-text-field__details{margin-bottom:0}.v-btn,.v-text-field .v-input__slot{border-radius:8px!important;margin-top:.2rem!important;margin-bottom:.2rem!important}.v-btn{text-transform:none!important;transition:all .3s ease!important;letter-spacing:.5px!important}.v-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.1)!important}.v-btn:active{transform:translateY(0)}.v-btn.v-btn--contained{box-shadow:0 2px 4px rgba(0,0,0,.05)!important}.v-btn.v-btn--outlined{border-width:1.5px!important}.v-autocomplete .v-input__slot{border-radius:8px!important;margin-top:.5rem;margin-bottom:.5rem;min-height:48px;transition:all .3s ease}.v-autocomplete.v-autocomplete--enclosed .v-autocomplete__details{margin-bottom:0;padding:0 16px}.v-autocomplete .v-input__slot:hover{border-color:rgba(0,0,0,.23)}.v-autocomplete.v-input--is-focused .v-input__slot{border-color:var(--v-primary-base);box-shadow:0 0 0 1px var(--v-primary-base)}.v-autocomplete.v-input--dense .v-input__slot{min-height:40px}.v-autocomplete .v-text-field__details{padding-left:12px;padding-right:12px;margin-top:4px}.v-text-field[data-v-3467bd15] .v-input__slot,v-btn[data-v-65d82d1f]{border-radius:8px!important}.q[data-v-2e624fa1]{background-color:#fff}@keyframes slideInUp-8314dd12{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn-8314dd12{0%{opacity:0}to{opacity:1}}@keyframes pulse-8314dd12{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shake-8314dd12{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.just-bg[data-v-8314dd12]{background:linear-gradient(135deg,#f5f7fa,#e4e8eb)}.bg-background[data-v-8314dd12]{min-height:100vh;display:flex;align-items:center}.mobile-header[data-v-8314dd12]{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;animation:fadeIn-8314dd12 .5s ease-out}.mobile-header .v-avatar[data-v-8314dd12]{box-shadow:0 4px 12px rgba(0,0,0,.1);border:3px solid #fff;animation:fadeInUp-8314dd12 .8s ease-out}.mobile-header h1[data-v-8314dd12]{color:var(--v-primary-darken1);animation:fadeInUp-8314dd12 .8s ease-out .1s;opacity:0;animation-fill-mode:forwards}.mobile-header p[data-v-8314dd12]{animation:fadeInUp-8314dd12 .8s ease-out .2s;opacity:0;animation-fill-mode:forwards}.v-card[data-v-8314dd12]{transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideInUp-8314dd12 .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95)}@media (max-width:600px){.v-card[data-v-8314dd12]{margin:0!important;border-radius:20px 20px 0 0!important;position:fixed;bottom:0;left:0;right:0;max-height:90vh;overflow-y:auto;width:100%!important}}.v-text-field[data-v-8314dd12]{transition:all .3s ease;animation:fadeIn-8314dd12 .5s ease-out}.v-text-field[data-v-8314dd12]:focus-within{transform:translateY(-2px)}.v-btn[data-v-8314dd12]{transition:all .3s ease;position:relative;overflow:hidden}.v-btn[data-v-8314dd12]:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:hsla(0,0%,100%,.2);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.v-btn[data-v-8314dd12]:active:after{width:200%;height:200%}.v-progress-circular[data-v-8314dd12]{animation:pulse-8314dd12 1.5s ease-in-out infinite}.v-alert[type=error][data-v-8314dd12]{animation:shake-8314dd12 .5s ease-in-out}.v-btn[data-v-8314dd12],.v-card[data-v-8314dd12],.v-text-field[data-v-8314dd12]{-webkit-tap-highlight-color:transparent}@media (max-width:600px){.form-group[data-v-8314dd12]{margin-bottom:16px}.v-text-field[data-v-8314dd12]{margin-bottom:12px}.v-card-title[data-v-8314dd12]{font-size:24px!important}.v-card-subtitle[data-v-8314dd12]{font-size:16px!important}}.bg-background[data-v-8314dd12]{background:linear-gradient(135deg,#f5f7fa,#e4e8eb)}.fill-height[data-v-8314dd12]{height:100vh}.right-side-banner[data-v-8314dd12]{position:relative;height:100%;width:100%;background:linear-gradient(135deg,var(--v-primary-darken3,#016b4b),var(--v-primary-lighten1,#016b4b));overflow:hidden}.banner-content[data-v-8314dd12]{position:relative;height:100%;padding:clamp(1.5rem,3vw,3rem);display:flex;flex-direction:column;justify-content:space-between;z-index:2;gap:clamp(1rem,2vw,2rem)}.banner-header[data-v-8314dd12]{transform-origin:top;transition:all .3s ease}.institution-logo[data-v-8314dd12]{border:solid hsla(0,0%,100%,.9)}.institution-name[data-v-8314dd12]{color:#fff;font-size:clamp(1rem,2vw,1.75rem);font-weight:600;line-height:1.3;text-transform:uppercase;margin:0}.banner-message[data-v-8314dd12]{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.message-box[data-v-8314dd12]{background:hsla(0,0%,100%,.1);border-radius:clamp(8px,1vw,16px);padding:clamp(1rem,2vw,2rem);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;width:clamp(200px,80%,400px);transform-origin:center;transition:all .3s ease}.welcome-text[data-v-8314dd12]{color:#fff;font-size:clamp(1rem,1.5vw,1.5rem);font-weight:500;margin-bottom:clamp(.5rem,1vw,1rem);line-height:1.4}.info-text[data-v-8314dd12]{color:hsla(0,0%,100%,.9);font-size:clamp(.875rem,1vw,1.1rem);line-height:1.6}.banner-footer[data-v-8314dd12]{padding:clamp(.5rem,1vw,1rem)}.motto-box[data-v-8314dd12]{background:hsla(0,0%,100%,.1);border-radius:clamp(8px,1vw,16px);padding:clamp(1rem,1.5vw,1.5rem);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;transform-origin:bottom;transition:all .3s ease}.motto-text[data-v-8314dd12]{color:#fff;font-size:clamp(.875rem,1.25vw,1.25rem);font-style:italic;margin:0;line-height:1.6}.banner-message .v-icon[data-v-8314dd12]{font-size:clamp(24px,3vw,36px)!important;margin-bottom:clamp(.5rem,1vw,1rem)}.motto-box .v-icon[data-v-8314dd12]{font-size:clamp(18px,2vw,24px)!important;margin-bottom:clamp(.25rem,.5vw,.5rem)}.right-side-banner[data-v-8314dd12]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:.1;background-image:url(../img/login-bg.163a8f84.jpg);background-size:cover}@media (max-width:1200px){.banner-content[data-v-8314dd12]{padding:1.5rem}.message-box[data-v-8314dd12]{width:90%}}@media (max-width:960px){.banner-header[data-v-8314dd12]{padding:.75rem}.message-box[data-v-8314dd12]{padding:1.5rem}.motto-box[data-v-8314dd12]{padding:1rem}}@keyframes fadeInUp-8314dd12{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.banner-header[data-v-8314dd12],.message-box[data-v-8314dd12],.motto-box[data-v-8314dd12]{animation:fadeInUp-8314dd12 .8s ease-out}.v-card[data-v-8314dd12]{transition:transform .3s ease}.v-card[data-v-8314dd12]:hover{transform:translateY(-2px)}.x-button[data-v-8314dd12]{transition:all .3s ease}.banner-header[data-v-8314dd12]{display:flex;align-items:center;gap:clamp(.75rem,1.5vw,1.5rem);padding:clamp(.5rem,1vw,1rem);background:hsla(0,0%,100%,.1);border-radius:clamp(8px,1vw,16px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.institution-logo[data-v-8314dd12]{min-width:clamp(40px,6vw,80px);min-height:clamp(40px,6vw,80px);width:clamp(40px,6vw,80px)!important;height:clamp(40px,6vw,80px)!important;position:relative;border-radius:50%!important;background:hsla(0,0%,100%,.1);padding:0!important;overflow:hidden}.institution-logo[data-v-8314dd12]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;z-index:2;pointer-events:none}.institution-logo .v-image[data-v-8314dd12]{width:100%!important;height:100%!important;border-radius:50%!important}.institution-logo[data-v-8314dd12] .v-image__image{background-size:cover;background-position:50%}.institution-logo[data-v-8314dd12]{box-shadow:0 clamp(2px,.4vw,4px) clamp(8px,1vw,12px) rgba(0,0,0,.2);transition:transform .3s ease,box-shadow .3s ease}.institution-logo[data-v-8314dd12]:hover{transform:scale(1.05);box-shadow:0 clamp(4px,.6vw,8px) clamp(12px,1.5vw,20px) rgba(0,0,0,.25)}