@font-face{
    font-family:YekanBakhFaNum;
    src:url('/assets/fonts/Yekan Bakh FaNum 04 Regular.woff') format('woff'),
        url('/assets/fonts/Yekan Bakh FaNum 04 Regular.ttf') format('truetype');
    font-weight:400;
    font-style:normal;
    font-display:swap;
}
@font-face{
    font-family:YekanBakhFaNum;
    src:url('/assets/fonts/Yekan Bakh FaNum 06 Bold.woff') format('woff'),
        url('/assets/fonts/Yekan Bakh FaNum 06 Bold.ttf') format('truetype');
    font-weight:700;
    font-style:normal;
    font-display:swap;
}
:root{
    --font-main:YekanBakhFaNum,tahoma,arial,sans-serif;
}
body,input,select,button,textarea,table{
    font-family:var(--font-main) !important;
}
.loading-overlay{
    position:fixed;
    inset:0;
    background:rgba(16,24,40,.52);
    backdrop-filter:blur(6px);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:9999;
}
.loading-overlay.show{
    display:flex;
}
.loading-box{
    background:#fff;
    border-radius:22px;
    padding:22px 26px;
    min-width:260px;
    text-align:center;
    box-shadow:0 20px 70px rgba(0,0,0,.20);
}
.spinner{
    width:42px;
    height:42px;
    border-radius:50%;
    border:4px solid #e4e7ec;
    border-top-color:#175cd3;
    margin:0 auto 12px;
    animation:bankSpin .8s linear infinite;
}
@keyframes bankSpin{
    to{transform:rotate(360deg)}
}
.panel-link-danger{
    background:#b42318 !important;
}
.panel-link-soft{
    background:#344054 !important;
}
.user-form-grid{
    display:grid;
    grid-template-columns:1fr 1fr 180px 150px;
    gap:12px;
    align-items:end;
}
@media(max-width:900px){
    .user-form-grid{
        grid-template-columns:1fr;
    }
}

/* BANK_PANEL_LAYOUT_1550_FIX */
html{
    background:#f3f6fb;
}
body{
    background:#f3f6fb !important;
    color:#101828;
    font-size:14px;
}
.top{
    min-height:64px !important;
    padding:12px 26px !important;
    background:#101828 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:18px !important;
    border-bottom:1px solid rgba(255,255,255,.08);
    box-shadow:0 8px 24px rgba(16,24,40,.08);
}
.top > div:first-child{
    display:flex;
    align-items:center;
    gap:8px;
    white-space:nowrap;
    font-size:16px;
    font-weight:700;
}
.top > div:last-child{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
    flex-wrap:wrap !important;
}
.top a{
    min-height:36px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:8px 14px !important;
    border-radius:12px !important;
    background:#1d2939 !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1 !important;
    text-decoration:none !important;
    transition:transform .15s ease, background .15s ease, box-shadow .15s ease;
}
.top a:hover{
    background:#26364f !important;
    transform:translateY(-1px);
    box-shadow:0 8px 18px rgba(0,0,0,.12);
}
.top a.panel-link-danger,
.top a[href="/?logout=1"]{
    background:#344054 !important;
}
.top a.panel-link-danger:hover,
.top a[href="/?logout=1"]:hover{
    background:#b42318 !important;
}
.wrap{
    width:100% !important;
    max-width:1550px !important;
    margin:0 auto !important;
    padding:34px 28px 72px !important;
}
.card{
    width:100% !important;
    border-radius:24px !important;
    padding:28px !important;
    margin-bottom:20px !important;
    border:1px solid #e4e7ec !important;
    box-shadow:0 18px 48px rgba(16,24,40,.07) !important;
}
h1{
    font-size:28px !important;
    line-height:1.55 !important;
    margin-bottom:10px !important;
}
h2{
    font-size:22px !important;
    line-height:1.6 !important;
}
.muted{
    color:#667085 !important;
}
.grid{
    grid-template-columns:260px minmax(420px,1fr) 170px !important;
    gap:14px !important;
    align-items:end !important;
}
.advanced{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:14px !important;
    margin-top:16px !important;
}
label{
    margin-bottom:7px !important;
    font-size:13px !important;
    color:#344054 !important;
}
input,
select,
button{
    min-height:48px !important;
}
input,
select{
    border-radius:14px !important;
    border-color:#d0d5dd !important;
    background:#fff !important;
}
input:focus,
select:focus{
    border-color:#175cd3 !important;
    box-shadow:0 0 0 4px rgba(23,92,211,.12) !important;
}
button{
    border-radius:14px !important;
}
.note{
    margin-top:16px !important;
    padding:13px 16px !important;
    border-radius:16px !important;
}
.jobs{
    table-layout:auto;
}
.jobs th,
.jobs td,
table th,
table td{
    padding:13px 14px !important;
    vertical-align:middle !important;
}
.table-wrap{
    border-radius:18px !important;
}
.badge{
    padding:5px 10px !important;
    border-radius:999px !important;
}
.actions a{
    min-height:34px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:7px 13px !important;
    border-radius:11px !important;
}
.loading-box{
    font-weight:700;
}
@media (min-width:1400px){
    .wrap{
        padding-left:36px !important;
        padding-right:36px !important;
    }
    .card{
        padding:32px !important;
    }
}
@media (max-width:1000px){
    .top{
        padding:12px 16px !important;
        align-items:flex-start !important;
        flex-direction:column !important;
    }
    .top > div:last-child{
        width:100%;
        justify-content:flex-start !important;
    }
    .wrap{
        padding:18px 12px 54px !important;
    }
    .card{
        padding:18px !important;
        border-radius:20px !important;
    }
    .grid,
    .advanced{
        grid-template-columns:1fr !important;
    }
    h1{
        font-size:22px !important;
    }
}
@media (max-width:520px){
    .top a{
        flex:1 1 auto;
    }
    .top > div:last-child{
        gap:6px !important;
    }
}
/* END_BANK_PANEL_LAYOUT_1550_FIX */

/* FORCE_FINAL_1550_LAYOUT */
body .wrap{
    max-width:1550px !important;
    width:calc(100% - 56px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:34px 0 72px !important;
}
body .card{
    max-width:none !important;
}
body .top{
    direction:rtl !important;
}
body .top > div:first-child{
    order:1 !important;
}
body .top > div:last-child{
    order:2 !important;
}
body .grid{
    grid-template-columns:270px minmax(520px,1fr) 180px !important;
}
body .advanced{
    grid-template-columns:repeat(4,minmax(220px,1fr)) !important;
}
@media(max-width:1000px){
    body .wrap{
        width:calc(100% - 24px) !important;
        padding-top:18px !important;
    }
    body .grid,
    body .advanced{
        grid-template-columns:1fr !important;
    }
}
/* END_FORCE_FINAL_1550_LAYOUT */