@import url('ems-design-system.css');#ems-plugin .ems-password-wrapper{

    position: relative;

    display: flex;

    align-items: center;

}#ems-plugin .ems-password-wrapper input[type="password"],
#ems-plugin .ems-password-wrapper input[type="text"]{

    padding-right: var(--ems-password-input-padding-right) !important;

    width: 100%;

    box-sizing: border-box;

}#ems-plugin .ems-password-toggle{

    position: absolute;

    right: var(--ems-space-sm);

    top: 50%;

    transform: translateY(-50%);

    background: transparent;

    border: none;

    cursor: pointer;

    padding: 5px var(--ems-space-md);

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--ems-text-muted);

    font-size: var(--ems-h3-size);

    transition: all var(--ems-transition-fast);

    z-index: 10;

    line-height: 1;

    min-width: var(--ems-password-toggle-size);

    height: var(--ems-password-toggle-size);

    pointer-events: auto;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    border-radius: var(--ems-radius-sm);

}#ems-plugin .ems-password-toggle:hover{

    color: var(--ems-text-primary);

    background: var(--ems-bg-secondary);

    transform: translateY(-50%) scale(1.1);

}#ems-plugin .ems-password-toggle:focus{

    outline: 2px solid var(--ems-primary);

    outline-offset: 2px;

    border-radius: var(--ems-radius-sm);

}#ems-plugin .ems-eye-icon{

    display: inline-flex;

    align-items: center;

    justify-content: center;

    user-select: none;

}#ems-plugin .ems-password-icon{

    width: var(--ems-password-icon-size);

    height: var(--ems-password-icon-size);

    display: block;

    object-fit: contain;

    transition: opacity var(--ems-transition-fast);

}#ems-plugin .ems-password-toggle:hover .ems-password-icon{

    opacity: 0.8;

}#ems-plugin .ems-auth-wrap{

    max-width: var(--ems-auth-form-width);

    margin: 0 auto;

    padding: 0;

    background: var(--ems-bg-surface);

    border-radius: var(--ems-radius-xl);

    box-shadow: var(--ems-shadow-card);

    overflow: hidden;

    animation: slideUp var(--ems-transition-fast) ease-out;

    border: 1px solid var(--ems-border-light);

}#ems-plugin .ems-auth-header{

    background: var(--ems-primary);

    padding: var(--ems-space-xl) var(--ems-space-lg);

    text-align: center;

    color: var(--ems-white);

    position: relative;

    border-bottom: 1px solid rgba(var(--ems-white-rgb), 0.1);

}#ems-plugin .ems-auth-header h2{

    margin: 0 0 var(--ems-space-sm) 0;

    font-size: var(--ems-h2-size);

    line-height: var(--ems-line-height-base);

    font-weight: var(--ems-font-weight-semibold);

    color: var(--ems-white);

    position: relative;

    z-index: 1;

    animation: fadeIn var(--ems-transition-fast) ease-out 0.2s both;

}#ems-plugin .ems-auth-header p{

    margin: 0;

    opacity: 0.9;

    font-size: var(--ems-body-size);

    line-height: var(--ems-line-height-base);

    color: rgba(var(--ems-white-rgb), 0.95);

    position: relative;

    z-index: 1;

    animation: fadeIn var(--ems-transition-fast) ease-out 0.3s both;

}#ems-plugin .ems-auth-form{

    padding: var(--ems-space-xl) var(--ems-space-lg);

    background: var(--ems-bg);

    animation: fadeIn var(--ems-transition-fast) ease-out 0.4s both;

}#ems-plugin .ems-form-row{

    margin-bottom: 0;

}#ems-plugin .ems-form-row-two{

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: var(--ems-space-lg);

}#ems-plugin .ems-form-row-flex{

    display: flex;

    flex-wrap: wrap;

    gap: var(--ems-space-lg);

}#ems-plugin .ems-auth-form .ems-form-row-flex > .ems-form-group[data-width="1"]{

    flex: 0 0 calc(33.333% - var(--ems-space-lg) * 0.67);

    max-width: calc(33.333% - var(--ems-space-lg) * 0.67);

}#ems-plugin .ems-auth-form .ems-form-row-flex > .ems-form-group[data-width="4"]{

    flex: 0 0 calc(50% - var(--ems-space-lg) / 2);

    max-width: calc(50% - var(--ems-space-lg) / 2);

}#ems-plugin .ems-auth-form .ems-form-row-flex > .ems-form-group[data-width="5"]{

    flex: 0 0 calc(25% - var(--ems-space-lg) * 0.75);

    max-width: calc(25% - var(--ems-space-lg) * 0.75);

}@media (max-width: 768px){#ems-plugin .ems-form-row-two{

        grid-template-columns: 1fr;

    }#ems-plugin .ems-auth-form .ems-form-row-flex > .ems-form-group[data-width="1"],
#ems-plugin .ems-auth-form .ems-form-row-flex > .ems-form-group[data-width="4"],
#ems-plugin .ems-auth-form .ems-form-row-flex > .ems-form-group[data-width="5"]{

        flex: 0 0 100%;

        max-width: 100%;

    }



}#ems-plugin .ems-auth-form .ems-form-group{

    margin-bottom: 0;

}#ems-plugin .ems-auth-form label{

    display: flex;

    align-items: center;

    margin-bottom: var(--ems-space-sm);

    font-weight: var(--ems-font-weight-semibold);

    font-size: var(--ems-body-size);

    line-height: var(--ems-line-height-base);

    color: var(--ems-text-primary);

    transition: color var(--ems-transition-fast);

}#ems-plugin .ems-required{

    color: var(--ems-error);

    margin-left: var(--ems-space-xs);

    font-weight: var(--ems-font-weight-semibold);

}#ems-plugin .ems-field-hint{

    display: block;

    margin-top: var(--ems-space-sm);

    font-size: var(--ems-xs-size);

    line-height: var(--ems-line-height-base);

    color: var(--ems-text-muted);

    font-style: italic;

}#ems-plugin .ems-auth-form input[type="text"],
#ems-plugin .ems-auth-form input[type="email"],
#ems-plugin .ems-auth-form input[type="password"],
#ems-plugin .ems-auth-form input[type="tel"],
#ems-plugin .ems-auth-form input[type="date"]{

    width: 100%;

    padding: var(--ems-space-md) var(--ems-space-md);

    border: 2px solid var(--ems-border);

    border-radius: var(--ems-radius-lg);

    font-size: var(--ems-body-large-size);

    line-height: var(--ems-line-height-base);

    transition: all var(--ems-transition-fast);

    box-sizing: border-box;

    background: var(--ems-bg-secondary);

    color: var(--ems-text-primary);

    font-family: var(--ems-font-family);

}#ems-plugin .ems-password-wrapper input[type="password"],
#ems-plugin .ems-password-wrapper input[type="text"]{

    padding-right: var(--ems-password-input-padding-right) !important;

    border: 2px solid var(--ems-border);

    border-radius: var(--ems-radius-lg);

    font-size: var(--ems-body-large-size);

    transition: all var(--ems-transition-fast);

    box-sizing: border-box;

    background: var(--ems-bg-secondary);

}#ems-plugin .ems-auth-form input[type="text"]:focus,
#ems-plugin .ems-auth-form input[type="email"]:focus,
#ems-plugin .ems-auth-form input[type="password"]:focus,
#ems-plugin .ems-auth-form input[type="tel"]:focus,
#ems-plugin .ems-auth-form input[type="date"]:focus{

    outline: none;

    border-color: var(--ems-primary);

    background: var(--ems-bg);

    box-shadow: 0 0 0 3px var(--ems-primary-focus);

    transform: translateY(var(--ems-transform-focus-y));

}#ems-plugin .ems-auth-form input[type="text"]:hover,
#ems-plugin .ems-auth-form input[type="email"]:hover,
#ems-plugin .ems-auth-form input[type="password"]:hover,
#ems-plugin .ems-auth-form input[type="tel"]:hover,
#ems-plugin .ems-auth-form input[type="date"]:hover{

    border-color: var(--ems-primary-hover);

    background: var(--ems-bg);

}#ems-plugin .ems-btn{

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: var(--ems-space-sm);

    padding: var(--ems-space-md) var(--ems-space-xl);

    border-radius: var(--ems-radius-md);

    border: none;

    cursor: pointer;

    font-weight: var(--ems-font-weight-semibold);

    text-decoration: none;

    transition: all var(--ems-transition-fast);

    font-size: var(--ems-body-large-size);

    line-height: normal;

    text-align: center;

    position: relative;

    overflow: hidden;

    font-family: var(--ems-font-montserrat);

}#ems-plugin .ems-btn::before{

    content: '';

    position: absolute;

    top: 50%;

    left: 50%;

    width: 0;

    height: 0;

    border-radius: 50%;

    background: rgba(var(--ems-white-rgb), 0.2);

    transform: translate(-50%, -50%);

    transition: width 0.6s, height 0.6s;

}#ems-plugin .ems-btn:active::before{

    width: var(--ems-ripple-size);

    height: var(--ems-ripple-size);

}#ems-plugin .ems-btn-full{

    width: 100%;

    display: block;

}/* .ems-btn-primary{

    background: var(--ems-primary);

    color: var(--ems-white);

    box-shadow: var(--ems-shadow-sm);

    font-family: var(--ems-font-montserrat);

}#ems-plugin .ems-btn-primary:hover{

    transform: translateY(var(--ems-transform-hover-y));

    box-shadow: var(--ems-shadow-md);

    background: var(--ems-primary-hover);

}#ems-plugin .ems-btn-primary:active{

    transform: translateY(0);

    box-shadow: var(--ems-shadow-card);

}*/







.ems-btn-primary:disabled{

    opacity: 0.6;

    cursor: not-allowed;

    transform: none;

}#ems-plugin .ems-alert{

    padding: var(--ems-space-md) var(--ems-space-lg);

    margin-bottom: var(--ems-space-lg);

    border-radius: var(--ems-radius-md);

    display: none;

    font-size: var(--ems-body-size);

    line-height: var(--ems-line-height-base);

    animation: slideDown var(--ems-transition-fast) ease;

}@keyframes slideDown{



    from {



        opacity: 0;



        transform: translateY(-10px);



    }



    to {



        opacity: 1;



        transform: translateY(0);



    }



}#ems-plugin .ems-alert-error{

    background: var(--ems-error-bg);

    color: var(--ems-error-text);

    border: 2px solid var(--ems-error);

    border-left: 4px solid var(--ems-error);

}#ems-plugin .ems-alert-success{

    background: var(--ems-success-bg);

    color: var(--ems-success-text);

    border: 2px solid var(--ems-success-border);

    border-left: 4px solid var(--ems-success-border);

}#ems-plugin .ems-form-footer-flex,
#ems-plugin .ems-footer-links{

    display: flex;

    flex-direction: column;

    gap: var(--ems-space-lg);

    margin-top: var(--ems-space-xl);

    flex-wrap: wrap;

}#ems-plugin .ems-forgot-link,
#ems-plugin .ems-footer-text a{

    color: var(--ems-primary);

    text-decoration: none;

    font-weight: var(--ems-font-weight-medium);

    transition: all var(--ems-transition-fast);

}#ems-plugin .ems-forgot-link:hover,
#ems-plugin .ems-footer-text a:hover{

    text-decoration: underline;

}#ems-plugin .ems-footer-text{

    color: var(--ems-text-muted);

}#ems-plugin .ems-remember-me-row{

    margin: var(--ems-space-lg) 0;

    display: flex;

    align-items: center;

}#ems-plugin .ems-forgot-password-link{

    font-size: var(--ems-small-size);

    color: var(--ems-primary);

    text-decoration: none;

    font-weight: var(--ems-font-weight-medium);

    transition: all var(--ems-transition-fast);

}#ems-plugin .ems-forgot-password-link:hover{

    color: var(--ems-primary-hover);

    text-decoration: underline;

}#ems-plugin .ems-remember-me{

    display: flex;

    align-items: center;

    gap: var(--ems-space-sm);

    cursor: pointer;

    user-select: none;

    font-size: var(--ems-body-size);

    color: var(--ems-text-muted);

    transition: color var(--ems-transition-fast);

}#ems-plugin .ems-remember-me:hover{

    color: var(--ems-text-primary);

}#ems-plugin .ems-remember-me input[type="checkbox"]{

    appearance: none;

    -webkit-appearance: none;

    width: 18px;

    height: 18px;

    border: 2px solid var(--ems-border);

    border-radius: 4px;

    background: var(--ems-bg-secondary);

    cursor: pointer;

    position: relative;

    transition: all var(--ems-transition-fast);

    padding: 0 !important;

    margin: 0 !important;

}#ems-plugin .ems-remember-me input[type="checkbox"]:checked{

    background: var(--ems-primary-hover);

    border-color: var(--ems-primary-hover);

}#ems-plugin .ems-remember-me input[type="checkbox"]:checked::after{

    content: '';

    position: absolute;

    width: 5px;

    height: 10px;

    border: solid var(--ems-white);

    border-width: 0 2px 2px 0;

    top: 45%;

    left: 50%;

    transform: translate(-50%, -50%) rotate(45deg);

}#ems-plugin .ems-remember-me input[type="checkbox"]:focus{

    box-shadow: 0 0 0 3px var(--ems-primary-focus);

    outline: none;

}#ems-plugin .ems-form-footer{

    text-align: center;

    margin-top: var(--ems-space-lg);

    font-size: var(--ems-body-size);

    color: var(--ems-text-muted);

}#ems-plugin .ems-form-footer a{

    color: var(--ems-primary);

    text-decoration: none;

    font-weight: var(--ems-font-weight-semibold);

    transition: all var(--ems-transition-fast);

    position: relative;

}#ems-plugin .ems-form-footer a::after{

    content: '';

    position: absolute;

    bottom: var(--ems-link-underline-offset);

    left: 0;

    width: 0;

    height: var(--ems-link-underline-height);

    background: var(--ems-primary);

    transition: width var(--ems-transition-fast);

}#ems-plugin .ems-form-footer a:hover{

    color: var(--ems-primary-hover);

}#ems-plugin .ems-form-footer a:hover::after{

    width: 100%;

}#ems-plugin .ems-forgot-password-link,
#ems-plugin .ems-form-footer{

    display: none;

}@media (max-width: 768px){#ems-plugin .ems-auth-wrap{

        margin: var(--ems-space-lg);

        border-radius: var(--ems-radius-md);

    }#ems-plugin .ems-auth-header{

        padding: var(--ems-space-xl) var(--ems-space-lg);

    }#ems-plugin .ems-auth-header h2{

        font-size: var(--ems-h1-size);

    }#ems-plugin .ems-auth-form{

        padding: var(--ems-space-xl) var(--ems-space-lg);

    }#ems-plugin .ems-form-row-two{

        grid-template-columns: 1fr;

        gap: var(--ems-space-lg);

    }

}@media (max-width: 480px){#ems-plugin .ems-auth-wrap{

        margin: var(--ems-space-sm);

    }#ems-plugin .ems-auth-header{

        padding: var(--ems-space-lg) var(--ems-space-md);

    }#ems-plugin .ems-auth-header h2{

        font-size: var(--ems-h2-size);

    }#ems-plugin .ems-auth-form{

        padding: var(--ems-space-lg) var(--ems-space-md);

    }

}#ems-plugin .ems-password-checklist{

    display: none;

    margin-top: var(--ems-space-md);

    background: var(--ems-bg-secondary);

    padding: var(--ems-space-md);

    border-radius: var(--ems-radius-md);

    border: 1px solid var(--ems-border);

    animation: fadeIn var(--ems-transition-fast) ease-out;

}#ems-plugin .ems-password-checklist-title{

    font-size: var(--ems-xs-size);

    font-weight: var(--ems-font-weight-semibold);

    color: var(--ems-text-muted);

    margin-bottom: var(--ems-space-sm);

    text-transform: uppercase;

    letter-spacing: 0.05em;

}#ems-plugin .ems-password-checklist ul{

    list-style: none;

    padding: 0;

    margin: 0;

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: var(--ems-space-xs);

}#ems-plugin .ems-password-checklist li{

    font-size: var(--ems-xs-size);

    color: var(--ems-text-muted);

    display: flex;

    align-items: center;

    gap: var(--ems-space-xs);

    transition: all var(--ems-transition-fast);

}#ems-plugin .ems-password-checklist li::before{

    content: '○';

    font-weight: bold;

    color: var(--ems-text-muted);

    width: 14px;

    display: inline-block;

}#ems-plugin .ems-password-checklist li.met{

    color: var(--ems-success-text);

}#ems-plugin .ems-password-checklist li.met::before{

    content: '●';

    color: var(--ems-success-border);

}@media (max-width: 480px){#ems-plugin .ems-password-checklist ul{

        grid-template-columns: 1fr;

    }

}