*{
    box-sizing:border-box;
}

body{
    margin:0;
    direction:rtl;
    font-family:Tahoma,Arial,sans-serif;
    background:#f7f8fa;
    color:#20242a;
}

a{
    color:inherit;
    text-decoration:none;
}

.ecBrand{
    font-size:21px;
    font-weight:800;
}

.ecHome{
    padding:10px 15px;
    border:1px solid #dde2e8;
    border-radius:12px;
    font-size:13px;
}

.ecContainer{
    width:min(760px,calc(100% - 28px));
    margin:34px auto;
}

.ecCard{
    background:#fff;
    border:1px solid #e7eaee;
    border-radius:20px;
    padding:24px;
    box-shadow:0 8px 28px rgba(30,40,50,.05);
    margin-bottom:18px;
}

.ecCard h1,
.ecCard h2{
    margin-top:0;
}

.ecMuted{
    color:#737b85;
    font-size:13px;
    line-height:1.9;
}

.ecField{
    margin:17px 0;
}

.ecField label{
    display:block;
    margin-bottom:8px;
    font-size:13px;
    font-weight:700;
}

.ecField input{
    width:100%;
    min-height:48px;
    border:1px solid #dce1e6;
    border-radius:12px;
    padding:0 14px;
    font-size:15px;
    outline:none;
    background:#fff;
}

.ecField input:focus{
    border-color:#8fa9bc;
}

.ecButton{
    border:0;
    min-height:48px;
    border-radius:12px;
    padding:0 18px;
    font-size:14px;
    font-weight:800;
    cursor:pointer;
    background:#d6b15e;
    color:#25221b;
}

.ecButton:disabled{
    opacity:.55;
    cursor:not-allowed;
}

.ecButtonSecondary{
    background:#eef1f4;
    color:#30363c;
}

.ecButtonDanger{
    background:#fff1f1;
    color:#a73838;
}

.ecFull{
    width:100%;
}

.ecActions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}

.ecMessage{
    display:none;
    padding:12px 14px;
    border-radius:12px;
    margin:14px 0;
    font-size:13px;
    line-height:1.8;
}

.ecMessage.show{
    display:block;
}

.ecMessage.ok{
    background:#edf8f0;
    color:#24643a;
}

.ecMessage.error{
    background:#fff0f0;
    color:#9d3333;
}

.ecStatus{
    display:inline-flex;
    align-items:center;
    border-radius:999px;
    padding:7px 11px;
    font-size:12px;
    font-weight:700;
    background:#f0f2f4;
}

.ecStatus.approved{
    background:#eaf7ed;
    color:#26723e;
}

.ecStatus.pending{
    background:#fff6dc;
    color:#82630e;
}

.ecStatus.rejected,
.ecStatus.needs_correction{
    background:#fff0f0;
    color:#a33838;
}

.ecGrid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}

.ecInfo{
    border:1px solid #eceff2;
    border-radius:14px;
    padding:15px;
}

.ecInfo small{
    color:#7b838c;
    display:block;
    margin-bottom:6px;
}

.ecInfo strong{
    word-break:break-word;
}

.ecUpload{
    border:1px dashed #cfd5dc;
    border-radius:14px;
    padding:16px;
}

.ecUpload input{
    width:100%;
}

.ecDivider{
    height:1px;
    background:#eceff2;
    margin:22px 0;
}

.ecDevOtp{
    background:#fff8df;
    border:1px solid #ecdca4;
    padding:12px;
    border-radius:12px;
    margin-top:12px;
    font-size:13px;
}

@media(max-width:600px){

    .ecContainer{
        margin:20px auto;
    }

    .ecCard{
        padding:18px;
        border-radius:16px;
    }

    .ecGrid{
        grid-template-columns:1fr;
    }

    .ecActions{
        flex-direction:column;
    }

    .ecActions .ecButton{
        width:100%;
    }
}