main.login{width:min(28rem,calc(100vw - 2rem));min-height:100%;align-items:center;justify-items:center;padding:1rem}main.login .box.form-box{width:100%;overflow:hidden;border:1px solid rgba(116,151,170,.32);border-radius:10px;background:#fff;box-shadow:0 1.1rem 2.6rem rgba(15,23,42,.12),0 .25rem .9rem rgba(15,23,42,.08)}main.login .form-box{padding:1.1rem 1.2rem 0}main.login .login-brand-header{align-items:center;margin-bottom:.95rem;padding-bottom:.7rem;border-bottom:1px solid #dce8ee}main.login .login-brand-mark{gap:.6rem}main.login .login-brand-emblem{width:2.25rem;height:2.25rem}main.login .login-brand-name{font-size:1.85rem;color:#102f3a}main.login .login-brand-slogan{color:#657985;font-size:.62rem}main.login .login-form-title{margin:.1rem 0 .85rem;color:#123b47;font-family:Poppins-Regular,sans-serif;font-size:1.42rem;font-weight:400;line-height:1.2}main.login .password-reset-box{padding-bottom:0}main.login .password-reset-content{grid-area:m}main.login .password-reset-errors{margin-top:1.05rem}main.login .password-reset-box .login-card-footer{margin-top:.15rem}main.login form .field{margin-bottom:.72rem}main.login form .field label{margin-bottom:.22rem;color:#405866;font-family:Poppins-Regular,sans-serif;font-size:.78rem;font-weight:400}main.login form .field input,main.login form .field select{min-height:2.32rem;border:1px solid #bfd0d9;border-radius:7px;background-color:#f8fbfd;color:#183044;font-size:.93rem}main.login form .field input:focus,main.login form .field select:focus{border-color:#6597d8;box-shadow:0 0 0 3px rgba(101,151,216,.18)}main.login .field-input-passw{border:1px solid #bfd0d9;border-radius:7px;background-color:#f8fbfd}main.login .field-input-passw:focus-within{border-color:#6597d8;box-shadow:0 0 0 3px rgba(101,151,216,.18)}main.login .field-input-passw input,main.login .form-box form .input .field-input-passw input{border:0;background-color:transparent}main.login details{margin:.15rem 0 .75rem;color:#526a76;font-size:.78rem}main.login details summary{cursor:pointer;width:fit-content;color:#526a76}main.login details[open]{padding:.55rem .65rem .2rem;border:1px solid #d8e4eb;border-radius:8px;background:#f9fcfd}main.login .submit{margin:.9rem 0 .8rem}main.login .login-submit-btn{width:100%;min-height:2.55rem;display:inline-flex;align-items:center;justify-content:center;gap:.48rem;border:1px solid #527fbd;border-radius:7px;font-family:Poppins-SemiBold,Poppins-Regular,sans-serif;font-weight:600;line-height:1;cursor:pointer;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.22);transition:background-color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}main.login .login-submit-btn,main.login .submit>button.login-submit-btn,main.login .submit>input#submit.login-submit-btn{background:#6597d8;color:#fff}main.login .login-submit-btn:focus-visible,main.login .login-submit-btn:hover{border-color:#466fa8;background:#527fbd;outline:0;box-shadow:0 .25rem .7rem rgba(82,127,189,.24),inset 0 1px 0 hsla(0,0%,100%,.22);transform:translateY(-1px)}main.login .login-submit-btn:active{transform:translateY(0);box-shadow:inset 0 1px 2px rgba(15,45,60,.22)}main.login .login-submit-icon{width:1.05rem;height:1.05rem;flex:0 0 auto;background-color:currentColor;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 2.25A3.75 3.75 0 0 0 5.25 6v1.2h1.5V6A2.25 2.25 0 0 1 9 3.75 2.25 2.25 0 0 1 11.25 6v1.2h1.5V6A3.75 3.75 0 0 0 9 2.25zM4.5 7.5A1.5 1.5 0 0 0 3 9v5.25a1.5 1.5 0 0 0 1.5 1.5h9a1.5 1.5 0 0 0 1.5-1.5V9a1.5 1.5 0 0 0-1.5-1.5h-9zm5.25 4.77v1.23h-1.5v-1.23a1.5 1.5 0 1 1 1.5 0z' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat}main.login .links{margin-bottom:.95rem;text-align:center}main.login .links a{color:#4f7fbb;font-size:.78rem;text-decoration:none}main.login .links a:hover{text-decoration:underline}main.login .login-card-footer{display:flex;justify-content:space-between;gap:.75rem;margin:0 -1.2rem;padding:.68rem 1.2rem;border-top:1px solid #dce8ee;background:#f8fbfd;color:#657985;font-size:.68rem;line-height:1.25}main.login .loggedContainer{min-height:18rem;gap:.75rem;padding-bottom:.95rem}main.login .loggedContainerHeader{display:flex;flex-direction:row;align-items:center;gap:.55rem;margin:.1rem 0 0;padding:.72rem .82rem;border:1px solid #cfe2ec;border-radius:8px;background:#f8fbfd;color:#143f50;font-family:Poppins-SemiBold,Poppins-Regular,sans-serif;font-size:.92rem;font-weight:600}main.login .loggedContainerHeader:after{display:none}main.login .loggedContainerStatusIcon{width:1rem;height:1rem;border-radius:50%;background:#41a84f;box-shadow:inset 0 0 0 3px hsla(0,0%,100%,.85)}main.login .loggedContainerProgress{position:relative;height:.45rem;overflow:hidden;border-radius:999px;background:#d9e9f1}main.login .loggedContainerProgressLine{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7db4e6,#6597d8);transform:scaleX(0);transform-origin:left center;transition:transform 2s linear}main.login .loggedContainerHeader.ani+.loggedContainerProgress .loggedContainerProgressLine{transform:scaleX(1)}main.login .loggedContainerDots{position:absolute;inset:0;display:flex;justify-content:space-between;padding:0 .08rem}main.login .loggedContainerDots i{width:.45rem;height:.45rem;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(101,151,216,.45)}main.login .loggedContainerMain{display:grid;gap:.48rem;color:#243f4d;font-size:.88rem}main.login .loggedContainerMain:before{display:none}main.login .loggedStatusRow{display:grid;grid-template-columns:1.4rem minmax(0,1fr) 1.1rem;align-items:center;gap:.55rem;min-height:2.15rem;padding:.42rem .55rem;border:1px solid #d9e6ed;border-radius:7px;background:#fbfdfe}main.login .loggedStatusCheck,main.login .loggedStatusIcon{display:inline-block;width:1rem;height:1rem;background-color:#6597d8;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-position:center;mask-repeat:no-repeat;mask-size:contain}main.login .loggedStatusIcon--user{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 1.5c-2.66 0-5 1.2-5 3V14h10v-1.5c0-1.8-2.34-3-5-3z'/%3E%3C/svg%3E")}main.login .loggedStatusIcon--shield{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 1.4L13 3v3.7c0 3.15-2.05 6.05-5 7.15-2.95-1.1-5-4-5-7.15V3l5-1.6zm2.65 4.35L7.3 9.1 5.65 7.45l-.85.85 2.5 2.5 4.2-4.2-.85-.85z'/%3E%3C/svg%3E")}main.login .loggedStatusIcon--grid{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2h5v5H2V2zm7 0h5v5H9V2zM2 9h5v5H2V9zm7 0h5v5H9V9z'/%3E%3C/svg%3E")}main.login .loggedStatusCheck{background-color:#41a84f;opacity:.86;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.35 11.2L3.2 8.05 4.25 7l2.1 2.1 5.4-5.4 1.05 1.05-6.45 6.45z'/%3E%3C/svg%3E")}main.login .loggedDashboardPreview{display:grid;grid-template-columns:1fr 1.2fr .35fr;gap:.55rem;min-height:4.6rem;margin-top:.2rem;padding:.62rem;border:1px solid #d9e6ed;border-radius:8px;background:linear-gradient(180deg,#f9fcfd,#eef6fa)}main.login .loggedPreviewGrid,main.login .loggedPreviewList,main.login .loggedPreviewRail{display:grid;gap:.3rem}main.login .loggedPreviewGrid i,main.login .loggedPreviewList i,main.login .loggedPreviewRail i{display:block;border-radius:4px;background:#c9dbe5}main.login .loggedPreviewGrid{grid-template-columns:repeat(3,1fr)}main.login .loggedPreviewGrid i.is-active{background:#6597d8}main.login .loggedContainerMain p{display:none}main.login .loggedContainerFooter{display:flex;justify-content:space-between;gap:.65rem;padding-top:.7rem;border-top:1px solid #dce8ee;color:#657985;font-size:.68rem}main.login .loggedContainerFooter span:nth-child(n+3){display:none}@media (max-width:480px){main.login{width:calc(100vw - 1rem);padding:.5rem}main.login .form-box{padding:.95rem 1rem 0}main.login .login-card-footer{margin:0 -1rem;padding-inline:1rem;flex-direction:column}}