/* WAFRA_AUTH_ALEXANDRIA_START */
@font-face {
  font-family: 'Alexandria Wafra';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/admin_assets/css/wafra-alexandria-v2/21b1bd7d994b3a685448.ttf) format('truetype');
}
@font-face {
  font-family: 'Alexandria Wafra';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/admin_assets/css/wafra-alexandria-v2/4b3043056dbc8c52df47.ttf) format('truetype');
}
@font-face {
  font-family: 'Alexandria Wafra';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/admin_assets/css/wafra-alexandria-v2/df20a9c19ca90d0ffa09.ttf) format('truetype');
}
@font-face {
  font-family: 'Alexandria Wafra';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/admin_assets/css/wafra-alexandria-v2/9063ada724216e555b07.ttf) format('truetype');
}
/* WAFRA_AUTH_ALEXANDRIA_END */

*{
    box-sizing:border-box;
}

html,
body{
    margin:0;
    min-height:100%;
}

body.wf-auth-body{
    --brand:#155b36;
    --brand-dark:#10472b;
    --text:#173627;
    --muted:#78827b;
    --line:#d8e4da;
    --soft:#f3f7f2;

    min-height:100vh;

    font-family:'Alexandria Wafra',sans-serif;

    color:var(--text);

    background:
        radial-gradient(
            circle at 15% 15%,
            rgba(21,91,54,.08),
            transparent 24%
        ),
        radial-gradient(
            circle at 85% 90%,
            rgba(21,91,54,.07),
            transparent 25%
        ),
        #f7faf6;
}

.wf-auth-shell{
    width:100%;
    min-height:100vh;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    padding:34px 16px;
}

.wf-auth-brand{
    display:flex;
    flex-direction:column;
    align-items:center;

    margin-bottom:18px;

    color:inherit;
    text-decoration:none;
}

.wf-auth-logo{
    width:74px;
    height:74px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:20px;

    background:#155b36;

    box-shadow:
        0 8px 24px
        rgba(21,91,54,.15);

    overflow:hidden;
}

.wf-auth-logo img{
    display:block;

    width:58px;
    height:58px;

    object-fit:contain;
}

.wf-auth-tagline{
    margin-top:9px;

    color:var(--muted);

    font-size:12px;
}

.wf-auth-card{
    width:min(440px,100%);

    padding:26px 24px 22px;

    border:1px solid var(--line);
    border-top:3px solid #155b36;
    border-radius:20px;

    background:#fff;

    box-shadow:
        0 18px 55px
        rgba(30,60,40,.08);
}

.wf-auth-head{
    margin-bottom:20px;
}

.wf-auth-head h1{
    margin:0 0 6px;

    color:#155b36;

    font-size:27px;
    line-height:1.35;
    font-weight:800;
}

.wf-auth-head p{
    margin:0;

    color:var(--muted);

    font-size:12px;
    line-height:1.7;
}

.wf-auth-form{
    display:flex;
    flex-direction:column;

    gap:14px;
}

.wf-auth-field label{
    display:block;

    margin-bottom:7px;

    color:#293d31;

    font-size:12px;
    font-weight:700;
}

.wf-auth-control{
    position:relative;
}

.wf-auth-control input{
    width:100%;
    height:46px;

    padding:
        0 44px
        0 13px;

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

    border-radius:11px;

    outline:0;

    background:#fff;

    color:var(--text);

    font:inherit;
    font-size:13px;

    transition:
        border-color .18s ease,
        box-shadow .18s ease;
}

[dir="ltr"]
.wf-auth-control input{
    padding:
        0 13px
        0 44px;
}

.wf-auth-control input:focus{
    border-color:
        rgba(21,91,54,.55);

    box-shadow:
        0 0 0 3px
        rgba(21,91,54,.07);
}

.wf-auth-icon,
.wf-auth-eye{
    position:absolute;

    top:50%;
    right:14px;

    width:18px;
    height:18px;

    transform:
        translateY(-50%);
}

[dir="ltr"]
.wf-auth-icon,
[dir="ltr"]
.wf-auth-eye{
    right:auto;
    left:14px;
}

.wf-auth-icon{
    pointer-events:none;

    color:#759080;
}

.wf-auth-eye{
    padding:0;

    border:0;

    background:transparent;

    color:#759080;

    cursor:pointer;
}

.wf-auth-icon svg,
.wf-auth-eye svg,
.wf-auth-submit svg,
.wf-auth-home svg{
    width:100%;
    height:100%;

    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.wf-auth-meta{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:12px;

    margin-top:1px;

    font-size:11px;
}

.wf-auth-meta a,
.wf-auth-switch a{
    color:#155b36;

    font-weight:700;
    text-decoration:none;
}

.wf-auth-remember{
    display:flex;
    align-items:center;
    gap:6px;

    color:var(--muted);

    cursor:pointer;
}

.wf-auth-remember input{
    accent-color:#155b36;
}

.wf-auth-submit{
    width:100%;
    height:44px;

    display:flex;
    align-items:center;
    justify-content:center;

    gap:9px;

    margin-top:2px;

    padding:0 18px;

    border:0;
    border-radius:10px;

    background:#155b36;

    color:#fff;

    font:inherit;
    font-size:13px;
    font-weight:800;

    cursor:pointer;

    transition:
        background .18s ease,
        transform .18s ease;
}

.wf-auth-submit:hover{
    background:#10472b;
    transform:translateY(-1px);
}

.wf-auth-submit svg{
    width:16px;
    height:16px;
}

.wf-auth-switch{
    margin-top:17px;
    padding-top:17px;

    border-top:
        1px solid
        var(--line);

    text-align:center;

    color:var(--muted);

    font-size:11px;
}

.wf-auth-switch a{
    margin-inline-start:4px;
}

.wf-auth-home{
    display:flex;
    align-items:center;

    gap:7px;

    margin-top:16px;

    padding:8px 14px;

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

    border-radius:999px;

    background:
        rgba(255,255,255,.88);

    color:#155b36;

    font-size:11px;
    font-weight:700;

    text-decoration:none;
}

.wf-auth-home svg{
    width:14px;
    height:14px;
}

.wf-auth-errors,
.wf-auth-status{
    margin-bottom:16px;

    padding:10px 12px;

    border-radius:9px;

    font-size:11px;
    line-height:1.7;
}

.wf-auth-errors{
    border:1px solid #efd1d1;
    background:#fff4f4;
    color:#8b3434;
}

.wf-auth-status{
    border:1px solid #cde2d2;
    background:#f0f8f2;
    color:#285a38;
}

@media(max-width:600px){

    .wf-auth-shell{
        justify-content:flex-start;

        padding:
            28px 14px
            24px;
    }

    .wf-auth-card{
        padding:
            22px 18px
            19px;

        border-radius:16px;
    }

    .wf-auth-head h1{
        font-size:24px;
    }

    .wf-auth-logo{
        width:66px;
        height:66px;

        border-radius:17px;
    }

    .wf-auth-logo img{
        width:52px;
        height:52px;
    }

}