/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-q4ocslw9lv] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.public-language-selector[b-q4ocslw9lv] {
    position: fixed;
    bottom: 18px;
    right: 18px;
    z-index: 10050;
}

html[dir="rtl"] .public-language-selector[b-q4ocslw9lv] {
    right: auto;
    left: 18px;
}

main[b-q4ocslw9lv] {
    flex: 1;
}

.sidebar[b-q4ocslw9lv] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-q4ocslw9lv] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-q4ocslw9lv]  a, .top-row[b-q4ocslw9lv]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-q4ocslw9lv]  a:hover, .top-row[b-q4ocslw9lv]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-q4ocslw9lv]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-q4ocslw9lv] {
        justify-content: space-between;
    }

    .top-row[b-q4ocslw9lv]  a, .top-row[b-q4ocslw9lv]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-q4ocslw9lv] {
        flex-direction: row;
    }

    .sidebar[b-q4ocslw9lv] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-q4ocslw9lv] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-q4ocslw9lv]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-q4ocslw9lv], article[b-q4ocslw9lv] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-q4ocslw9lv] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-q4ocslw9lv] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-aj1uj59zek],
.components-reconnect-repeated-attempt-visible[b-aj1uj59zek],
.components-reconnect-failed-visible[b-aj1uj59zek],
.components-pause-visible[b-aj1uj59zek],
.components-resume-failed-visible[b-aj1uj59zek],
.components-rejoining-animation[b-aj1uj59zek] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-aj1uj59zek],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-aj1uj59zek],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-aj1uj59zek],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-aj1uj59zek],
#components-reconnect-modal.components-reconnect-retrying[b-aj1uj59zek],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-aj1uj59zek],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-aj1uj59zek],
#components-reconnect-modal.components-reconnect-failed[b-aj1uj59zek],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-aj1uj59zek] {
    display: block;
}


#components-reconnect-modal[b-aj1uj59zek] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-aj1uj59zek 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-aj1uj59zek 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-aj1uj59zek 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-aj1uj59zek]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-aj1uj59zek 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-aj1uj59zek {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-aj1uj59zek {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-aj1uj59zek {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-aj1uj59zek] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-aj1uj59zek] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-aj1uj59zek] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-aj1uj59zek] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-aj1uj59zek] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-aj1uj59zek] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-aj1uj59zek] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-aj1uj59zek 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-aj1uj59zek] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-aj1uj59zek {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/AdminActivate.razor.rz.scp.css */
.page-wrapper[b-o6f2ko5kly] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f4f7fb;
    padding: 24px;
}

.password-card[b-o6f2ko5kly] {
    width: 100%;
    max-width: 460px;
    background: white;
    border-radius: 24px;
    padding: 38px;
    box-shadow: 0 10px 40px rgba(15, 23, 42, 0.08);
    border: 1px solid #e8edf5;
}

.password-title[b-o6f2ko5kly] {
    margin: 0 0 10px;
    font-size: 2rem;
    font-weight: 800;
    color: #17233d;
}

.password-subtitle[b-o6f2ko5kly] {
    margin-bottom: 28px;
    color: #64748b;
    font-size: 15px;
    line-height: 1.6;
}

.form-group[b-o6f2ko5kly] {
    margin-bottom: 18px;
}

    .form-group label[b-o6f2ko5kly] {
        display: block;
        margin-bottom: 8px;
        font-weight: 700;
        color: #1f2940;
    }

.password-input[b-o6f2ko5kly] {
    width: 100%;
    height: 52px;
    border: 1px solid #d8e0ec;
    border-radius: 14px;
    padding: 0 16px;
    font-size: 15px;
    transition: 0.2s;
    box-sizing: border-box;
}

    .password-input:focus[b-o6f2ko5kly] {
        outline: none;
        border-color: #5b52f6;
        box-shadow: 0 0 0 4px rgba(91, 82, 246, 0.12);
    }

.submit-btn[b-o6f2ko5kly] {
    width: 100%;
    height: 52px;
    border: none;
    border-radius: 14px;
    background: #5b52f6;
    color: white;
    font-weight: 700;
    font-size: 15px;
    cursor: pointer;
    margin-top: 10px;
    transition: 0.2s;
}

    .submit-btn:hover[b-o6f2ko5kly] {
        background: #4b44db;
    }

.message-box[b-o6f2ko5kly] {
    margin-bottom: 18px;
    padding: 14px;
    border-radius: 12px;
    background: #eef2ff;
    color: #4338ca;
    font-weight: 600;
}
/* /Components/Pages/Admin/AdminLayout.razor.rz.scp.css */
.vendor-shell[b-ceuvd4cnzt] {
    display: flex;
    min-height: 100vh;
    background: #f6f7fb;
    font-family: Arial, Helvetica, sans-serif;
}

.vendor-sidebar[b-ceuvd4cnzt] {
    width: 250px;
    background: linear-gradient(180deg, #08142f 0%, #07112a 100%);
    color: white;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}

.brand[b-ceuvd4cnzt] {
    height: 78px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 24px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    cursor: pointer;
    font-weight: 800;
    letter-spacing: 0.5px;
}

.brand-icon[b-ceuvd4cnzt] {
    width: 118px;
    height: 44px;
    object-fit: contain;
    display: block;
}

.vendor-menu[b-ceuvd4cnzt] {
    padding: 14px 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.menu-item[b-ceuvd4cnzt] {
    display: flex;
    align-items: center;
    gap: 14px;
    color: #d9e0f0;
    text-decoration: none;
    padding: 12px 14px;
    border-radius: 10px;
    font-size: 0.98rem;
    transition: 0.2s ease;
}

    .menu-item:hover[b-ceuvd4cnzt] {
        background: rgba(255,255,255,0.08);
        color: #fff;
    }

    .menu-item.active[b-ceuvd4cnzt] {
        background: rgba(255,255,255,0.12);
        color: white;
    }

.menu-icon[b-ceuvd4cnzt] {
    width: 20px;
    text-align: center;
}

.vendor-main[b-ceuvd4cnzt] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.vendor-topbar[b-ceuvd4cnzt] {
    height: 64px;
    background: white;
    border-bottom: 1px solid #e7ebf3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px;
}

.topbar-actions[b-ceuvd4cnzt] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.icon-btn[b-ceuvd4cnzt] {
    border: none;
    background: transparent;
    font-size: 1.1rem;
    cursor: pointer;
}

.vendor-content[b-ceuvd4cnzt] {
    padding: 28px 26px 40px;
}

@media (max-width: 900px) {
    .vendor-sidebar[b-ceuvd4cnzt] {
        width: 88px;
    }

    .brand span[b-ceuvd4cnzt],
    .menu-item span:last-child[b-ceuvd4cnzt] {
        display: none;
    }

    .menu-item[b-ceuvd4cnzt] {
        justify-content: center;
    }
}

[b-ceuvd4cnzt] .vendor-sidebar .menu-item,
[b-ceuvd4cnzt] .vendor-sidebar .menu-item:link,
[b-ceuvd4cnzt] .vendor-sidebar .menu-item:visited {
    display: flex;
    align-items: center;
    gap: 14px;
    color: #d9e0f0 !important;
    text-decoration: none !important;
    padding: 12px 14px;
    border-radius: 10px;
    font-size: 16px;
}

    [b-ceuvd4cnzt] .vendor-sidebar .menu-item:hover {
        background: rgba(255,255,255,0.08);
        color: #fff !important;
    }

    [b-ceuvd4cnzt] .vendor-sidebar .menu-item.active {
        background: rgba(255,255,255,0.12);
        color: #fff !important;
    }


.menu-icon[b-ceuvd4cnzt] {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .menu-icon svg[b-ceuvd4cnzt] {
        width: 20px;
        height: 20px;
        stroke: #cfd6e6;
        stroke-width: 1.8;
    }

/* عند hover */
.menu-item:hover .menu-icon svg[b-ceuvd4cnzt] {
    stroke: white;
}

/* العنصر النشط */
.menu-item.active .menu-icon svg[b-ceuvd4cnzt] {
    stroke: white;
}


.topbar-account[b-ceuvd4cnzt] {
    position: relative;
}

.account-btn[b-ceuvd4cnzt] {
    width: 42px;
    height: 42px;
    border: 1px solid #dce3ef;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
}

    .account-btn:hover[b-ceuvd4cnzt] {
        background: #f7f9fc;
    }

.account-avatar[b-ceuvd4cnzt] {
    font-size: 1.3rem;
    line-height: 1;
}

.profile-backdrop[b-ceuvd4cnzt] {
    position: fixed;
    inset: 0;
    background: transparent;
    z-index: 9998;
}

.profile-dropdown[b-ceuvd4cnzt] {
    position: absolute;
    top: 52px;
    right: 0;
    width: 360px;
    background: white;
    border: 1px solid #e6ebf3;
    border-radius: 14px;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.16);
    overflow: hidden;
    z-index: 9999;
}

.profile-header[b-ceuvd4cnzt] {
    padding: 24px 26px 18px;
    border-bottom: 1px solid #edf1f7;
}

.profile-title[b-ceuvd4cnzt] {
    font-size: 1rem;
    color: #334155;
    margin-bottom: 6px;
}

.profile-email[b-ceuvd4cnzt] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #1f2940;
    word-break: break-word;
}

.profile-item[b-ceuvd4cnzt] {
    width: 100%;
    border: none;
    background: white;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 22px 26px;
    text-decoration: none;
    color: #24324a;
    font-size: 1.05rem;
    cursor: pointer;
    text-align: left;
    border-bottom: 1px solid #edf1f7;
    font-family: inherit;
}

    .profile-item:last-child[b-ceuvd4cnzt] {
        border-bottom: none;
    }

    .profile-item:hover[b-ceuvd4cnzt] {
        background: #f8fafc;
    }

.profile-item-icon[b-ceuvd4cnzt] {
    width: 28px;
    text-align: center;
    font-size: 1.35rem;
    color: #64748b;
}

.logout-btn[b-ceuvd4cnzt] {
    border: none;
    width: 100%;
    background: transparent;
    font-family: inherit;
    cursor: pointer;
    text-align: left;
}

    .logout-btn.active[b-ceuvd4cnzt],
    .logout-btn:focus[b-ceuvd4cnzt],
    .logout-btn:active[b-ceuvd4cnzt] {
        background: transparent !important;
        color: #d9e0f0 !important;
        outline: none;
    }

    .logout-btn:hover[b-ceuvd4cnzt] {
        background: rgba(255,255,255,0.08);
        color: #fff !important;
    }
.admin-session-loading[b-ceuvd4cnzt] {
    min-height: 100vh;
    display: grid;
    place-items: center;
    color: #64748b;
    background: #f8fafc;
    font-weight: 600;
}
/* /Components/Pages/Admin/Dashboard.razor.rz.scp.css */
.admin-dashboard[b-4afhro5jz8] {
    color: #1f2940;
}

.welcome-banner[b-4afhro5jz8] {
    min-height: 110px;
    background: white;
    border: 1px solid #e7ebf3;
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 0 28px;
    margin-bottom: 28px;
}

.welcome-icon[b-4afhro5jz8] {
    font-size: 2.8rem;
    color: #7b8599;
}

.welcome-banner h1[b-4afhro5jz8] {
    margin: 0;
    font-size: 2.2rem;
    font-weight: 700;
}

.dashboard-tabs[b-4afhro5jz8] {
    border-bottom: 1px solid #e7ebf3;
    margin-bottom: 18px;
}

.tab[b-4afhro5jz8] {
    display: inline-block;
    padding: 0 22px 12px;
    color: #5f61ff;
    font-size: 0.96rem;
    text-decoration: none;
    border-bottom: 3px solid #5f61ff;
}

.top-cards[b-4afhro5jz8] {
    display: grid;
    grid-template-columns: repeat(4, minmax(220px, 1fr));
    gap: 16px;
    margin-bottom: 18px;
}

.stat-card[b-4afhro5jz8],
.chart-card[b-4afhro5jz8] {
    background: white;
    border: 1px solid #edf0f6;
    border-radius: 18px;
    padding: 18px 20px;
    box-shadow: 0 2px 8px rgba(21, 31, 56, 0.03);
}

.card-head[b-4afhro5jz8],
.chart-head[b-4afhro5jz8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #1f2940;
    font-weight: 600;
    margin-bottom: 18px;
}

.stat-number[b-4afhro5jz8] {
    text-align: center;
    font-size: 3.8rem;
    font-weight: 800;
    line-height: 1;
    background: transparent !important;
}

.stat-label[b-4afhro5jz8] {
    text-align: center;
    font-size: 1.05rem;
    margin-top: 6px;
    font-weight: 500;
    background: transparent !important;
}

.stat-foot[b-4afhro5jz8] {
    text-align: center;
    margin-top: 24px;
    color: #77809a;
    font-size: 0.95rem;
}

.chart-grid[b-4afhro5jz8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.chart-card[b-4afhro5jz8] {
    min-height: 300px;
}

.chip-group[b-4afhro5jz8] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.chip[b-4afhro5jz8] {
    padding: 8px 14px;
    border-radius: 999px;
    background: #f2f5fb;
    color: #7c88a1;
    font-size: 0.9rem;
}

    .chip.active[b-4afhro5jz8] {
        background: #e8edf7;
        color: #1f2940;
    }

.bar-chart[b-4afhro5jz8] {
    height: 220px;
    display: flex;
    align-items: end;
    gap: 28px;
    padding: 8px 18px 0;
}

.bar-col[b-4afhro5jz8] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    gap: 12px;
}

.bar[b-4afhro5jz8] {
    width: 48px;
    background: #aeb8c9;
    border-radius: 6px 6px 0 0;
}

.bar-col span[b-4afhro5jz8] {
    text-align: center;
    font-size: 0.78rem;
    color: #667085;
}

.pie-wrapper[b-4afhro5jz8] {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    min-height: 220px;
}

.pie-chart[b-4afhro5jz8] {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: conic-gradient( #2cb34a 0 100% );
    position: relative;
}

    .pie-chart[b-4afhro5jz8]::after {
        content: "";
        position: absolute;
        inset: 0;
        margin: auto;
        width: 2px;
        height: 100px;
        background: white;
        top: 0;
        bottom: 0;
    }

.legend[b-4afhro5jz8] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 0.9rem;
    color: #667085;
}

.dot[b-4afhro5jz8] {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 8px;
}

.line-placeholder[b-4afhro5jz8] {
    height: 220px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.grid-line[b-4afhro5jz8] {
    border-top: 1px solid #e7ebf3;
    width: 100%;
}

.radar-placeholder[b-4afhro5jz8] {
    height: 220px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.radar-circle[b-4afhro5jz8] {
    position: absolute;
    border: 1px solid #d8e0ec;
    border-radius: 50%;
}

.c1[b-4afhro5jz8] {
    width: 70px;
    height: 70px;
}

.c2[b-4afhro5jz8] {
    width: 120px;
    height: 120px;
}

.c3[b-4afhro5jz8] {
    width: 170px;
    height: 170px;
}

.radar-shape[b-4afhro5jz8] {
    width: 0;
    height: 0;
    border-left: 55px solid transparent;
    border-right: 55px solid transparent;
    border-bottom: 110px solid rgba(114, 149, 196, 0.45);
    position: absolute;
    bottom: 22px;
}

.blue[b-4afhro5jz8] {
    color: #4285f4;
}

.red[b-4afhro5jz8] {
    color: #ef4444;
}

.orange[b-4afhro5jz8] {
    color: #f59e0b;
}

.green[b-4afhro5jz8] {
    color: #22c55e;
}

.yellow[b-4afhro5jz8] {
    background: #f5b800;
}

.gray[b-4afhro5jz8] {
    background: #7a7a7a;
}

@media (max-width: 1200px) {
    .top-cards[b-4afhro5jz8] {
        grid-template-columns: repeat(2, 1fr);
    }

    .chart-grid[b-4afhro5jz8] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .top-cards[b-4afhro5jz8] {
        grid-template-columns: 1fr;
    }

    .welcome-banner h1[b-4afhro5jz8] {
        font-size: 1.5rem;
    }
}
/* /Components/Pages/Admin/Employees.razor.rz.scp.css */
.employee-wrapper[b-q6smpotmeg] {
    display: flex;
    min-height: calc(100vh - 70px);
    background: #f8f9fc;
}

.employee-main[b-q6smpotmeg] {
    flex: 1;
    padding: 18px 22px 0 22px;
    transition: all .25s ease;
    overflow: hidden;
}

    .employee-main.shrink[b-q6smpotmeg] {
        width: calc(100% - 450px);
    }

.page-title[b-q6smpotmeg] {
    margin: 0 0 18px 0;
    font-size: 28px;
    font-weight: 700;
    color: #1e2a44;
}

.toolbar[b-q6smpotmeg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.toolbar-actions[b-q6smpotmeg] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.icon-circle-btn[b-q6smpotmeg] {
    width: 54px;
    height: 40px;
    border-radius: 22px;
    border: 1px solid #dce2ee;
    background: #fff;
    cursor: pointer;
    font-size: 18px;
}

.dark-btn[b-q6smpotmeg],
.purple-btn[b-q6smpotmeg] {
    height: 40px;
    padding: 0 22px;
    border: none;
    border-radius: 22px;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    font-size: 15px;
}

.dark-btn[b-q6smpotmeg] {
    background: #182543;
}

.purple-btn[b-q6smpotmeg] {
    background: #5b52f6;
}

.btn-icon[b-q6smpotmeg] {
    margin-right: 6px;
}

.table-card[b-q6smpotmeg] {
    background: #fff;
    border: 1px solid #e6ebf3;
    overflow-x: auto;
}

.employee-table[b-q6smpotmeg] {
    width: 100%;
    border-collapse: collapse;
}

    .employee-table thead[b-q6smpotmeg] {
        background: #f4f7fb;
    }

    .employee-table th[b-q6smpotmeg] {
        text-align: left;
        padding: 16px 20px;
        font-size: 14px;
        font-weight: 600;
        color: #67748d;
        border-bottom: 1px solid #e8edf5;
    }

    .employee-table td[b-q6smpotmeg] {
        padding: 15px 20px;
        font-size: 15px;
        color: #27324a;
        border-bottom: 1px solid #eef2f7;
    }

.email-cell[b-q6smpotmeg] {
    max-width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.status-badge[b-q6smpotmeg] {
    display: inline-block;
    padding: 5px 14px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
}

    .status-badge.active[b-q6smpotmeg] {
        background: #daf5e3;
        color: #249851;
    }

    .status-badge.inactive[b-q6smpotmeg] {
        background: #ffe0e0;
        color: #cc4343;
    }

.action-select[b-q6smpotmeg] {
    height: 34px;
    min-width: 60px;
    border-radius: 18px;
    border: 1px solid #dce3ef;
    background: #fff;
    padding: 0 10px;
    cursor: pointer;
}

.pagination-bar[b-q6smpotmeg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border: 1px solid #e6ebf3;
    border-top: none;
    padding: 14px 16px;
    font-size: 14px;
    color: #67748d;
}

.items-per-page[b-q6smpotmeg] {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .items-per-page select[b-q6smpotmeg] {
        height: 36px;
        border: 1px solid #dbe2ec;
        border-radius: 6px;
        padding: 0 10px;
        background: #fff;
    }

.page-info[b-q6smpotmeg] {
    flex: 1;
    text-align: center;
}

.pager-buttons[b-q6smpotmeg] {
    display: flex;
    gap: 6px;
}

.pager-btn[b-q6smpotmeg] {
    width: 32px;
    height: 32px;
    border: 1px solid #dbe2ec;
    background: #f8fafd;
    color: #a1aabc;
    border-radius: 6px;
}

.right-panel[b-q6smpotmeg] {
    width: 450px;
    min-width: 450px;
    background: #fff;
    border-left: 1px solid #e6ebf3;
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 70px);
}

.right-panel-header[b-q6smpotmeg] {
    height: 58px;
    padding: 0 24px;
    border-bottom: 1px solid #e8edf5;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .right-panel-header h3[b-q6smpotmeg] {
        margin: 0;
        font-size: 18px;
        color: #27324a;
    }

.close-btn[b-q6smpotmeg] {
    border: none;
    background: transparent;
    font-size: 22px;
    cursor: pointer;
    color: #7a879d;
}

.right-panel-body[b-q6smpotmeg] {
    flex: 1;
    padding: 18px 24px;
    overflow-y: auto;
}

.upload-box[b-q6smpotmeg] {
    width: 110px;
    height: 110px;
    background: #cfd6e2;
    border-radius: 14px;
    margin-bottom: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.upload-actions[b-q6smpotmeg] {
    display: flex;
    gap: 14px;
    font-size: 20px;
    color: #fff;
}

.form-group[b-q6smpotmeg] {
    margin-bottom: 16px;
}

    .form-group label[b-q6smpotmeg] {
        display: block;
        margin-bottom: 7px;
        font-size: 14px;
        font-weight: 600;
        color: #2d3951;
    }

.form-input[b-q6smpotmeg] {
    width: 100%;
    height: 44px;
    border: 1px solid #dce2ee;
    border-radius: 8px;
    padding: 0 12px;
    font-size: 14px;
    outline: none;
    box-sizing: border-box;
    background: #fff;
}

.switch-row[b-q6smpotmeg] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 6px;
    font-size: 14px;
    font-weight: 600;
    color: #2d3951;
}

.right-panel-footer[b-q6smpotmeg] {
    border-top: 1px solid #e8edf5;
    padding: 16px 24px;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    background: #fff;
}

.cancel-btn[b-q6smpotmeg] {
    border: none;
    background: transparent;
    color: #2f3b54;
    font-weight: 600;
    cursor: pointer;
    padding: 10px 14px;
}

.save-btn[b-q6smpotmeg] {
    min-width: 90px;
    height: 38px;
    border: none;
    border-radius: 20px;
    background: #e4e8f2;
    color: #94a0b5;
    font-weight: 700;
    cursor: pointer;
}

    .save-btn:hover[b-q6smpotmeg] {
        background: #5b52f6;
        color: #fff;
    }
/* /Components/Pages/Admin/Entities.razor.rz.scp.css */
.entities-page[b-mn8pojsofc] {
    padding: 28px;
    color: #17233d;
}

.entities-header[b-mn8pojsofc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

    .entities-header h1[b-mn8pojsofc] {
        font-size: 2.2rem;
        font-weight: 800;
        margin: 0;
    }

    .entities-header p[b-mn8pojsofc] {
        margin: 6px 0 0;
        color: #64748b;
        font-weight: 600;
    }

.table-card[b-mn8pojsofc] {
    background: white;
    border: 1px solid #e8edf5;
    border-radius: 16px;
    overflow-x: auto;
}

.entities-table[b-mn8pojsofc] {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
}

.page-message[b-mn8pojsofc] {
    margin-bottom: 18px;
    padding: 14px 16px;
    border: 1px solid #bbf7d0;
    border-radius: 11px;
    background: #f0fdf4;
    color: #15803d;
    font-weight: 650;
}

.page-message.error[b-mn8pojsofc] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #b91c1c;
}

.delete-confirmation[b-mn8pojsofc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
    padding: 17px 19px;
    border: 1px solid #fecaca;
    border-radius: 13px;
    background: #fff7f7;
    color: #991b1b;
}

.delete-confirmation strong[b-mn8pojsofc] { display: block; margin-bottom: 4px; }
.delete-confirmation p[b-mn8pojsofc] { margin: 0; color: #b91c1c; font-size: .88rem; }
.confirmation-actions[b-mn8pojsofc], .form-actions[b-mn8pojsofc] { display: flex; align-items: center; gap: 9px; }

.cancel-btn[b-mn8pojsofc], .delete-btn[b-mn8pojsofc], .save-btn[b-mn8pojsofc] {
    height: 40px;
    padding: 0 16px;
    border: 1px solid #d8e0ec;
    border-radius: 9px;
    background: #fff;
    color: #475569;
    font-weight: 750;
    cursor: pointer;
    white-space: nowrap;
}

.delete-btn[b-mn8pojsofc] { border-color: #dc2626; background: #dc2626; color: #fff; }
.save-btn[b-mn8pojsofc] { border-color: #5148f5; background: #5148f5; color: #fff; }
.cancel-btn:disabled[b-mn8pojsofc], .delete-btn:disabled[b-mn8pojsofc], .save-btn:disabled[b-mn8pojsofc] { cursor: wait; opacity: .6; }

    .entities-table th[b-mn8pojsofc] {
        background: #f6f8fb;
        color: #607089;
        text-align: left;
        padding: 16px;
    }

    .entities-table td[b-mn8pojsofc] {
        padding: 14px 16px;
        border-bottom: 1px solid #eef2f6;
    }

.actions-column[b-mn8pojsofc] { width: 164px; }

.entity-actions[b-mn8pojsofc] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.entity-action[b-mn8pojsofc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 1px solid #dbe3ee;
    border-radius: 10px;
    background: #fff;
    color: #475569;
    font-family: inherit;
    font-size: 1.05rem;
    text-decoration: none;
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.entity-action:hover[b-mn8pojsofc] { transform: translateY(-1px); }
.entity-action:focus-visible[b-mn8pojsofc] { outline: 3px solid rgba(81, 72, 245, .2); outline-offset: 2px; }

.entity-action.view[b-mn8pojsofc] { border-color: #bfdbfe; background: #eff6ff; color: #1d4ed8; }
.entity-action.view:hover[b-mn8pojsofc] { border-color: #bfdbfe; background: #eff6ff; color: #1e40af; }

.entity-action.edit[b-mn8pojsofc] { border-color: #ddd6fe; background: #f5f3ff; color: #7c3aed; }
.entity-action.edit:hover[b-mn8pojsofc] {
    border-color: #ddd6fe;
    background: #f5f3ff;
    color: #6d28d9;
}

.entity-action.delete[b-mn8pojsofc] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #dc2626;
}

.entity-action.delete:hover[b-mn8pojsofc] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #b91c1c;
}

.refresh-btn[b-mn8pojsofc] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid #d8e0ec;
    background: white;
    cursor: pointer;
    font-size: 20px;
}

.status-badge[b-mn8pojsofc] {
    padding: 7px 14px;
    border-radius: 999px;
    background: #dcfce7;
    color: #16a34a;
    font-weight: 700;
}

.details-panel[b-mn8pojsofc] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, .25);
    display: flex;
    justify-content: flex-end;
    z-index: 1000;
}

.details-card.large-panel[b-mn8pojsofc] {
    width: min(1100px, 92vw);
    height: 100%;
    background: white;
    padding: 32px;
    overflow-y: auto;
    border-radius: 24px 0 0 24px;
    box-shadow: -8px 0 30px rgba(15, 23, 42, .15);
}

.details-card.edit-panel[b-mn8pojsofc] {
    width: min(780px, 92vw);
    height: 100%;
    padding: 32px;
    overflow-y: auto;
    border-radius: 24px 0 0 24px;
    background: #fff;
    box-shadow: -8px 0 30px rgba(15, 23, 42, .15);
}

.details-header[b-mn8pojsofc] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 28px;
}

    .details-header h2[b-mn8pojsofc] {
        margin: 0;
        font-size: 1.8rem;
        font-weight: 800;
        color: #17233d;
    }

.details-subtitle[b-mn8pojsofc] {
    margin: 6px 0 0;
    color: #64748b;
    font-weight: 600;
}

.close-btn[b-mn8pojsofc] {
    border: none;
    background: transparent;
    font-size: 2.2rem;
    cursor: pointer;
    color: #334155;
}

.details-section[b-mn8pojsofc] {
    margin-bottom: 34px;
}

    .details-section h3[b-mn8pojsofc] {
        margin-bottom: 18px;
        font-size: 1.25rem;
        font-weight: 800;
        color: #17233d;
    }

.details-grid[b-mn8pojsofc] {
    display: grid;
    gap: 16px;
}

    .details-grid.two-cols[b-mn8pojsofc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .details-grid label[b-mn8pojsofc] {
        display: block;
        font-weight: 700;
        margin-bottom: 8px;
        color: #334155;
    }

    .details-grid input[b-mn8pojsofc],
    .details-grid select[b-mn8pojsofc] {
        width: 100%;
        height: 46px;
        border: 1px solid #d8e0ec;
        border-radius: 10px;
        padding: 0 12px;
        background: #f8fafc;
        color: #17233d;
        font: inherit;
        outline: none;
    }

    .edit-grid input[b-mn8pojsofc],
    .edit-grid select[b-mn8pojsofc] { background: #fff; }

    .edit-grid input:focus[b-mn8pojsofc],
    .edit-grid select:focus[b-mn8pojsofc] {
        border-color: #5148f5;
        box-shadow: 0 0 0 3px rgba(81, 72, 245, .12);
    }

.wide-field[b-mn8pojsofc] { grid-column: 1 / -1; }
.form-actions[b-mn8pojsofc] {
    justify-content: flex-end;
    margin-top: 26px;
    padding-top: 20px;
    border-top: 1px solid #eef2f6;
}

.section-title-row[b-mn8pojsofc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.employee-count[b-mn8pojsofc] {
    background: #eef2ff;
    color: #162447;
    padding: 7px 14px;
    border-radius: 999px;
    font-weight: 800;
}

.employees-card[b-mn8pojsofc] {
    border: 1px solid #e8edf5;
    border-radius: 16px;
    overflow-x: auto;
    background: #fff;
}

.employees-table[b-mn8pojsofc] {
    width: 100%;
    border-collapse: collapse;
}

    .employees-table th[b-mn8pojsofc] {
        background: #f6f8fb;
        color: #607089;
        text-align: left;
        padding: 14px 16px;
    }

    .employees-table td[b-mn8pojsofc] {
        padding: 14px 16px;
        border-bottom: 1px solid #eef2f6;
    }

.empty-cell[b-mn8pojsofc] {
    text-align: center;
    padding: 28px;
    color: #64748b;
    font-weight: 600;
}

@media (max-width: 768px) {
    .details-card.large-panel[b-mn8pojsofc],
    .details-card.edit-panel[b-mn8pojsofc] {
        width: 100%;
        border-radius: 0;
    }

    .details-grid.two-cols[b-mn8pojsofc] {
        grid-template-columns: 1fr;
    }

    .wide-field[b-mn8pojsofc] { grid-column: auto; }
    .delete-confirmation[b-mn8pojsofc] { align-items: stretch; flex-direction: column; }
    .confirmation-actions button[b-mn8pojsofc] { flex: 1; }
}
/* /Components/Pages/Admin/Merchants.razor.rz.scp.css */
.registrations-page[b-tc6gs2pqr7] {
    color: #1f2940;
    font-family: Arial, Helvetica, sans-serif;
}

.registrations-header[b-tc6gs2pqr7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
    gap: 16px;
}

.page-title[b-tc6gs2pqr7] {
    display: flex;
    align-items: center;
    gap: 16px;
}

    .page-title h1[b-tc6gs2pqr7] {
        margin: 0;
        font-size: 2.3rem;
        font-weight: 800;
    }

.menu-icon-title[b-tc6gs2pqr7] {
    font-size: 1.8rem;
    color: #6c7b93;
}

.page-actions[b-tc6gs2pqr7] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.refresh-btn[b-tc6gs2pqr7] {
    width: 72px;
    height: 44px;
    border: 1px solid #d8e0ec;
    border-radius: 24px;
    background: white;
    font-size: 1.3rem;
    color: #667085;
    cursor: pointer;
}

.message-box[b-tc6gs2pqr7] {
    margin-bottom: 16px;
    padding: 12px 14px;
    border-radius: 10px;
    border: 1px solid #e7ebf3;
    background: white;
    color: #44526b;
}

.table-wrapper[b-tc6gs2pqr7] {
    overflow-x: auto;
    background: white;
    border: 1px solid #e8edf5;
}

.registrations-table[b-tc6gs2pqr7] {
    width: 100%;
    border-collapse: collapse;
    min-width: 900px;
}

    .registrations-table thead th[b-tc6gs2pqr7] {
        text-align: left;
        padding: 18px 20px;
        color: #6c7b93;
        background: #f8fafc;
        border-bottom: 1px solid #e8edf5;
        font-size: 1rem;
        font-weight: 700;
    }

    .registrations-table tbody td[b-tc6gs2pqr7] {
        padding: 16px 20px;
        border-bottom: 1px solid #edf1f7;
        font-size: 1rem;
        color: #1f2940;
    }

.empty-cell[b-tc6gs2pqr7] {
    text-align: center;
    color: #667085;
    padding: 30px 20px !important;
}

.status-badge[b-tc6gs2pqr7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 95px;
    height: 30px;
    border-radius: 999px;
    padding: 0 14px;
    font-size: 0.9rem;
    font-weight: 700;
}

    .status-badge.approved[b-tc6gs2pqr7] {
        background: #28b446;
        color: white;
    }

    .status-badge.pending[b-tc6gs2pqr7] {
        background: #f5b700;
        color: #1f2940;
    }

    .status-badge.rejected[b-tc6gs2pqr7] {
        background: #ef4444;
        color: white;
    }
/* /Components/Pages/Admin/Profile.razor.rz.scp.css */
.profile-page[b-1add05p2rg] {
    padding: 32px;
}

.profile-card[b-1add05p2rg] {
    max-width: 720px;
    background: white;
    border-radius: 24px;
    padding: 36px;
    box-shadow: 0 16px 40px rgba(15, 23, 42, .08);
}

.profile-avatar-large[b-1add05p2rg] {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: #eef2ff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    font-size: 42px;
}

.profile-card h1[b-1add05p2rg] {
    margin: 0 0 28px;
    color: #17233d;
}

.profile-grid[b-1add05p2rg] {
    display: grid;
    gap: 18px;
}

.profile-field label[b-1add05p2rg] {
    display: block;
    font-weight: 700;
    margin-bottom: 8px;
    color: #17233d;
}

.profile-field input[b-1add05p2rg] {
    width: 100%;
    height: 50px;
    border: 1px solid #d8e0ec;
    border-radius: 12px;
    padding: 0 14px;
    font-size: 15px;
    background: #f8fafc;
}
/* /Components/Pages/Admin/RegistrationDetails.razor.rz.scp.css */
.registration-details-page[b-6y9uu5myys] {
    color: #1f2940;
    font-family: Arial, Helvetica, sans-serif;
}

.back-link[b-6y9uu5myys] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 20px;
    color: #596780;
    font-size: .95rem;
    font-weight: 700;
    text-decoration: none;
}

.back-link:hover[b-6y9uu5myys] { color: #5148f5; }

.page-state[b-6y9uu5myys],
.page-message[b-6y9uu5myys] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 18px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
    color: #475569;
}

.page-state.error[b-6y9uu5myys],
.page-message.error[b-6y9uu5myys] {
    border-color: #fecdd3;
    background: #fff1f2;
    color: #be123c;
}

.page-message[b-6y9uu5myys] { margin-bottom: 18px; }
.page-message.success[b-6y9uu5myys] { border-color: #bbf7d0; background: #f0fdf4; color: #15803d; }

.details-hero[b-6y9uu5myys] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 26px 28px;
    border: 1px solid #e5eaf3;
    border-radius: 18px;
    background: linear-gradient(135deg, #fff 0%, #f7f7ff 100%);
    box-shadow: 0 10px 32px rgba(31, 41, 64, .05);
}

.identity-block[b-6y9uu5myys] { display: flex; align-items: center; gap: 18px; min-width: 0; }
.identity-icon[b-6y9uu5myys] {
    display: grid;
    place-items: center;
    flex: 0 0 62px;
    width: 62px;
    height: 62px;
    border-radius: 17px;
    background: #5148f5;
    color: #fff;
    font-size: 1.65rem;
    box-shadow: 0 10px 22px rgba(81, 72, 245, .22);
}

.eyebrow[b-6y9uu5myys] {
    margin-bottom: 5px;
    color: #7a869b;
    font-size: .82rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.details-hero h1[b-6y9uu5myys] {
    margin: 0 0 9px;
    color: #17233d;
    font-size: clamp(1.6rem, 3vw, 2.15rem);
    font-weight: 800;
    overflow-wrap: anywhere;
}

.hero-actions[b-6y9uu5myys] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 9px;
}

.hero-btn[b-6y9uu5myys] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 39px;
    padding: 0 14px;
    border: 1px solid #dbe2ec;
    border-radius: 10px;
    background: #fff;
    color: #334155;
    font-weight: 750;
    cursor: pointer;
}

.hero-btn.edit:hover[b-6y9uu5myys] { border-color: #5148f5; color: #5148f5; }
.hero-btn.delete[b-6y9uu5myys] { border-color: #fecdd3; background: #fff7f7; color: #dc2626; }
.hero-btn.delete:hover[b-6y9uu5myys] { background: #dc2626; color: #fff; }
.hero-btn:disabled[b-6y9uu5myys] { cursor: wait; opacity: .6; }

.delete-confirmation[b-6y9uu5myys] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 18px;
    padding: 18px 20px;
    border: 1px solid #fecdd3;
    border-radius: 14px;
    background: #fff1f2;
    color: #9f1239;
}

.delete-confirmation strong[b-6y9uu5myys] { display: block; margin-bottom: 4px; }
.delete-confirmation p[b-6y9uu5myys] { margin: 0; color: #be123c; font-size: .88rem; }
.confirmation-actions[b-6y9uu5myys], .edit-actions[b-6y9uu5myys] { display: flex; align-items: center; gap: 9px; }

.confirm-cancel[b-6y9uu5myys],
.confirm-delete[b-6y9uu5myys],
.save-edit[b-6y9uu5myys] {
    height: 39px;
    padding: 0 15px;
    border: 1px solid #dbe2ec;
    border-radius: 9px;
    background: #fff;
    color: #475569;
    font-weight: 750;
    white-space: nowrap;
    cursor: pointer;
}

.confirm-delete[b-6y9uu5myys] { border-color: #dc2626; background: #dc2626; color: #fff; }
.save-edit[b-6y9uu5myys] { border-color: #5148f5; background: #5148f5; color: #fff; }
.confirm-cancel:disabled[b-6y9uu5myys], .confirm-delete:disabled[b-6y9uu5myys], .save-edit:disabled[b-6y9uu5myys] { cursor: wait; opacity: .6; }

.edit-card[b-6y9uu5myys] {
    margin-top: 20px;
    padding: 24px;
    border: 1px solid #d9ddff;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 26px rgba(81, 72, 245, .07);
}

.edit-heading[b-6y9uu5myys] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 22px;
    padding-bottom: 17px;
    border-bottom: 1px solid #edf1f6;
}

.edit-heading h2[b-6y9uu5myys] { margin: 0 0 4px; font-size: 1.15rem; font-weight: 800; }
.edit-heading p[b-6y9uu5myys] { margin: 0; color: #7b879c; font-size: .88rem; }
.edit-grid[b-6y9uu5myys] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; }
.edit-grid label[b-6y9uu5myys] { display: grid; gap: 7px; color: #526078; font-size: .82rem; font-weight: 750; }
.edit-grid label.wide[b-6y9uu5myys] { grid-column: 1 / -1; }
.edit-grid input[b-6y9uu5myys], .edit-grid select[b-6y9uu5myys] {
    width: 100%;
    height: 43px;
    padding: 0 12px;
    border: 1px solid #dbe2ec;
    border-radius: 9px;
    background: #fff;
    color: #26334d;
    font: inherit;
    font-weight: 600;
    outline: none;
}

.edit-grid input:focus[b-6y9uu5myys], .edit-grid select:focus[b-6y9uu5myys] {
    border-color: #5148f5;
    box-shadow: 0 0 0 3px rgba(81, 72, 245, .12);
}

.hero-meta[b-6y9uu5myys] { display: flex; flex-wrap: wrap; gap: 9px 20px; color: #65728a; font-size: .92rem; font-weight: 600; }
.hero-meta span[b-6y9uu5myys] { display: inline-flex; align-items: center; gap: 7px; }

.status-badge[b-6y9uu5myys] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 104px;
    padding: 8px 16px;
    border-radius: 999px;
    font-size: .9rem;
    font-weight: 800;
}

.status-badge.approved[b-6y9uu5myys] { background: #dcfce7; color: #15803d; }
.status-badge.pending[b-6y9uu5myys] { background: #fff4cc; color: #a16207; }
.status-badge.rejected[b-6y9uu5myys] { background: #fee2e2; color: #dc2626; }
.status-badge.suspended[b-6y9uu5myys] { background: #ffedd5; color: #c2410c; }

.status-card[b-6y9uu5myys] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 20px;
    padding: 20px 24px;
    border: 1px solid #e5eaf3;
    border-radius: 16px;
    background: #fff;
}

.status-card h2[b-6y9uu5myys] { margin: 0 0 5px; font-size: 1.08rem; font-weight: 800; }
.status-card p[b-6y9uu5myys] { margin: 0; color: #718096; font-size: .9rem; }
.status-actions[b-6y9uu5myys] { display: flex; flex-wrap: wrap; gap: 9px; }

.action-btn[b-6y9uu5myys] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 104px;
    height: 40px;
    padding: 0 15px;
    border: 1px solid transparent;
    border-radius: 10px;
    font-weight: 750;
    cursor: pointer;
}

.action-btn.reject[b-6y9uu5myys] { border-color: #fecaca; background: #fff5f5; color: #dc2626; }
.action-btn.suspend[b-6y9uu5myys] { border-color: #fed7aa; background: #fff8ed; color: #c2410c; }
.action-btn.approve[b-6y9uu5myys] { border-color: #bbf7d0; background: #f0fdf4; color: #15803d; }
.action-btn:hover:not(:disabled)[b-6y9uu5myys] { filter: brightness(.97); transform: translateY(-1px); }
.action-btn:disabled[b-6y9uu5myys] { cursor: wait; opacity: .6; }

.details-grid[b-6y9uu5myys] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin-top: 20px;
}

.details-card[b-6y9uu5myys] {
    padding: 24px;
    border: 1px solid #e5eaf3;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 7px 24px rgba(31, 41, 64, .035);
}

.section-title[b-6y9uu5myys] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 22px;
    padding-bottom: 16px;
    border-bottom: 1px solid #edf1f6;
}

.section-icon[b-6y9uu5myys] {
    display: grid;
    place-items: center;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 11px;
    background: #f0efff;
    color: #5148f5;
    font-size: 1.08rem;
}

.section-title h2[b-6y9uu5myys] { margin: 0 0 3px; font-size: 1.08rem; font-weight: 800; }
.section-title p[b-6y9uu5myys] { margin: 0; color: #8993a5; font-size: .82rem; }
.fields-grid[b-6y9uu5myys] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.detail-field[b-6y9uu5myys] { min-width: 0; }
.detail-field.wide[b-6y9uu5myys] { grid-column: 1 / -1; }

.detail-field > span[b-6y9uu5myys] {
    display: block;
    margin-bottom: 7px;
    color: #7b879c;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .025em;
    text-transform: uppercase;
}

.detail-field strong[b-6y9uu5myys],
.detail-field a[b-6y9uu5myys] { color: #26334d; font-size: .98rem; font-weight: 700; overflow-wrap: anywhere; }
.detail-field a[b-6y9uu5myys] { color: #5148f5; text-decoration: none; }
.code-value[b-6y9uu5myys] { display: inline-block; padding: 4px 9px; border-radius: 7px; background: #f3f4f6; font-family: Consolas, monospace; }

.documents-list[b-6y9uu5myys] { display: grid; gap: 12px; }
.document-row[b-6y9uu5myys] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 13px;
    border: 1px solid #e7ebf2;
    border-radius: 12px;
    background: #fbfcfe;
}

.document-info[b-6y9uu5myys] { display: flex; align-items: center; gap: 11px; min-width: 0; }
.document-icon[b-6y9uu5myys] {
    display: grid;
    place-items: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: #fee2e2;
    color: #dc2626;
    font-size: 1.05rem;
}

.document-info div[b-6y9uu5myys] { min-width: 0; }
.document-info strong[b-6y9uu5myys], .document-info div span[b-6y9uu5myys] { display: block; }
.document-info strong[b-6y9uu5myys] { color: #344054; font-size: .9rem; }
.document-info div span[b-6y9uu5myys] { margin-top: 3px; color: #8a94a6; font-size: .78rem; }
.document-link[b-6y9uu5myys] { color: #5148f5; font-size: .88rem; font-weight: 800; text-decoration: none; white-space: nowrap; }
.missing-document[b-6y9uu5myys] { color: #98a2b3; font-size: .82rem; font-weight: 700; white-space: nowrap; }

.entity-users-card[b-6y9uu5myys] { grid-column: 1 / -1; }
.users-section-title[b-6y9uu5myys] { margin-bottom: 18px; }

.users-state[b-6y9uu5myys] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 92px;
    padding: 18px;
    border: 1px dashed #dbe2ec;
    border-radius: 12px;
    background: #fbfcfe;
    color: #718096;
    font-size: .9rem;
    font-weight: 650;
}

.users-state.error[b-6y9uu5myys] {
    border-color: #fecdd3;
    background: #fff1f2;
    color: #be123c;
}

.users-table-wrapper[b-6y9uu5myys] {
    overflow-x: auto;
    border: 1px solid #e7ebf2;
    border-radius: 12px;
}

.users-table[b-6y9uu5myys] {
    width: 100%;
    min-width: 850px;
    border-collapse: collapse;
}

.users-table th[b-6y9uu5myys],
.users-table td[b-6y9uu5myys] {
    padding: 13px 15px;
    border-bottom: 1px solid #edf1f6;
    text-align: left;
    vertical-align: middle;
}

.users-table th[b-6y9uu5myys] {
    background: #f8fafc;
    color: #69758a;
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .025em;
    text-transform: uppercase;
    white-space: nowrap;
}

.users-table td[b-6y9uu5myys] {
    color: #475569;
    font-size: .88rem;
}

.users-table tbody tr:last-child td[b-6y9uu5myys] { border-bottom: 0; }
.users-table tbody tr:hover[b-6y9uu5myys] { background: #fcfcff; }
.users-table td strong[b-6y9uu5myys] { color: #26334d; }
.users-table td a[b-6y9uu5myys] { color: #5148f5; font-weight: 700; text-decoration: none; }
.user-code[b-6y9uu5myys] { color: #4b5563; font-family: Consolas, monospace; font-size: .82rem; }

.user-status[b-6y9uu5myys] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 72px;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: .76rem;
    font-weight: 800;
}

.user-status.active[b-6y9uu5myys] { background: #dcfce7; color: #15803d; }
.user-status.inactive[b-6y9uu5myys] { background: #f1f5f9; color: #64748b; }

@media (max-width: 1050px) {
    .details-grid[b-6y9uu5myys] { grid-template-columns: 1fr; }
    .status-card[b-6y9uu5myys] { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 650px) {
    .details-hero[b-6y9uu5myys] { align-items: flex-start; flex-direction: column; padding: 20px; }
    .identity-block[b-6y9uu5myys] { align-items: flex-start; }
    .identity-icon[b-6y9uu5myys] { width: 50px; height: 50px; flex-basis: 50px; border-radius: 14px; }
    .status-card[b-6y9uu5myys], .details-card[b-6y9uu5myys] { padding: 18px; }
    .status-actions[b-6y9uu5myys] { width: 100%; }
    .action-btn[b-6y9uu5myys] { flex: 1 1 100%; }
    .fields-grid[b-6y9uu5myys] { grid-template-columns: 1fr; }
    .detail-field.wide[b-6y9uu5myys] { grid-column: auto; }
    .document-row[b-6y9uu5myys] { align-items: flex-start; flex-direction: column; }
    .hero-actions[b-6y9uu5myys] { width: 100%; justify-content: flex-start; }
    .delete-confirmation[b-6y9uu5myys], .edit-heading[b-6y9uu5myys] { align-items: stretch; flex-direction: column; }
    .confirmation-actions[b-6y9uu5myys], .edit-actions[b-6y9uu5myys] { width: 100%; }
    .confirmation-actions button[b-6y9uu5myys], .edit-actions button[b-6y9uu5myys] { flex: 1; }
    .edit-grid[b-6y9uu5myys] { grid-template-columns: 1fr; }
    .edit-grid label.wide[b-6y9uu5myys] { grid-column: auto; }
}
/* /Components/Pages/Admin/Registrations.razor.rz.scp.css */
.registrations-page[b-t6eyhtsnuz] {
    padding: 4px;
    color: #1f2940;
    font-family: Arial, Helvetica, sans-serif;
}

.registrations-header[b-t6eyhtsnuz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 22px;
}

.page-title h1[b-t6eyhtsnuz] {
    margin: 0;
    font-size: 2.3rem;
    font-weight: 800;
}

.page-title p[b-t6eyhtsnuz] {
    margin: 7px 0 0;
    color: #6c7b93;
    font-weight: 600;
}

.message-box[b-t6eyhtsnuz] {
    margin-bottom: 16px;
    padding: 13px 15px;
    border: 1px solid #e7ebf3;
    border-radius: 11px;
    background: #fff;
    color: #44526b;
}

.table-wrapper[b-t6eyhtsnuz] {
    overflow-x: auto;
    border: 1px solid #e8edf5;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 30px rgba(31, 41, 64, .04);
}

.registrations-table[b-t6eyhtsnuz] {
    width: 100%;
    min-width: 900px;
    border-collapse: collapse;
}

.registrations-table th[b-t6eyhtsnuz] {
    padding: 17px 20px;
    border-bottom: 1px solid #e8edf5;
    background: #f8fafc;
    color: #6c7b93;
    font-size: .92rem;
    font-weight: 750;
    text-align: left;
}

.registrations-table td[b-t6eyhtsnuz] {
    padding: 16px 20px;
    border-bottom: 1px solid #edf1f7;
    color: #1f2940;
    font-size: .96rem;
}

.registrations-table tbody tr:last-child td[b-t6eyhtsnuz] { border-bottom: 0; }
.registrations-table tbody tr:hover[b-t6eyhtsnuz] { background: #fbfcff; }

.empty-cell[b-t6eyhtsnuz] {
    padding: 34px 20px !important;
    color: #667085;
    text-align: center;
}

.status-badge[b-t6eyhtsnuz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 95px;
    padding: 7px 14px;
    border-radius: 999px;
    font-size: .86rem;
    font-weight: 750;
}

.status-badge.approved[b-t6eyhtsnuz] { background: #dcfce7; color: #15803d; }
.status-badge.pending[b-t6eyhtsnuz] { background: #fff4cc; color: #a16207; }
.status-badge.rejected[b-t6eyhtsnuz] { background: #fee2e2; color: #dc2626; }
.status-badge.suspended[b-t6eyhtsnuz] { background: #ffedd5; color: #c2410c; }

.preview-btn[b-t6eyhtsnuz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 1px solid #d9ddff;
    border-radius: 10px;
    background: #f4f3ff;
    color: #5148f5;
    font-size: .88rem;
    font-weight: 700;
    text-decoration: none;
    transition: background .2s ease, color .2s ease, transform .2s ease;
}

.preview-btn:hover[b-t6eyhtsnuz] {
    background: #5148f5;
    color: #fff;
    transform: translateY(-1px);
}

.action-dropdown-wrap[b-t6eyhtsnuz] {
    --status-color: #a16207;
    --status-border: #fde68a;
    --status-background: #fffbeb;
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 154px;
    height: 42px;
    border: 1px solid var(--status-border);
    border-radius: 11px;
    background: var(--status-background);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.action-dropdown-wrap.approved[b-t6eyhtsnuz] {
    --status-color: #15803d;
    --status-border: #bbf7d0;
    --status-background: #f0fdf4;
}

.action-dropdown-wrap.rejected[b-t6eyhtsnuz] {
    --status-color: #dc2626;
    --status-border: #fecaca;
    --status-background: #fff5f5;
}

.action-dropdown-wrap.suspended[b-t6eyhtsnuz] {
    --status-color: #c2410c;
    --status-border: #fed7aa;
    --status-background: #fff7ed;
}

.action-dropdown-wrap:hover[b-t6eyhtsnuz] {
    transform: translateY(-1px);
    box-shadow: 0 5px 14px rgba(31, 41, 64, .08);
}

.action-dropdown-wrap:focus-within[b-t6eyhtsnuz] {
    border-color: var(--status-color);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--status-color) 15%, transparent);
}

.action-status-dot[b-t6eyhtsnuz] {
    position: absolute;
    left: 13px;
    z-index: 1;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--status-color);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--status-color) 13%, transparent);
    pointer-events: none;
}

.action-dropdown[b-t6eyhtsnuz] {
    width: 100%;
    height: 100%;
    padding: 0 38px 0 32px;
    border: 0;
    outline: 0;
    border-radius: inherit;
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    color: var(--status-color);
    font-size: .88rem;
    font-weight: 750;
    cursor: pointer;
}

.action-dropdown option[b-t6eyhtsnuz] {
    background: #fff;
    color: #344054;
    font-weight: 600;
}

.action-dropdown-arrow[b-t6eyhtsnuz] {
    position: absolute;
    right: 13px;
    color: var(--status-color);
    font-size: .78rem;
    pointer-events: none;
}

@media (max-width: 700px) {
    .page-title h1[b-t6eyhtsnuz] { font-size: 1.8rem; }
    .registrations-header[b-t6eyhtsnuz] { align-items: flex-start; }
}
/* /Components/Pages/Admin/Report.razor.rz.scp.css */
.users-page[b-fu9qcwzj7f] {
    color: #1f2940;
}

.page-header[b-fu9qcwzj7f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 22px;
}

    .page-header h1[b-fu9qcwzj7f] {
        margin: 0;
        font-size: 2.2rem;
        font-weight: 800;
    }

.header-actions[b-fu9qcwzj7f] {
    display: flex;
    gap: 12px;
}

.refresh-btn[b-fu9qcwzj7f],
.filter-btn[b-fu9qcwzj7f],
.add-btn[b-fu9qcwzj7f] {
    height: 42px;
    border: none;
    border-radius: 999px;
    padding: 0 24px;
    font-weight: 700;
    cursor: pointer;
}

.refresh-btn[b-fu9qcwzj7f] {
    background: white;
    border: 1px solid #d8e0ec;
}

.filter-btn[b-fu9qcwzj7f] {
    background: #17233d;
    color: white;
}

.add-btn[b-fu9qcwzj7f] {
    background: #5b4df2;
    color: white;
}

.table-card[b-fu9qcwzj7f] {
    background: white;
    border: 1px solid #e8edf5;
    overflow-x: auto;
}

.users-table[b-fu9qcwzj7f] {
    width: 100%;
    border-collapse: collapse;
}

    .users-table th[b-fu9qcwzj7f] {
        background: #f6f8fb;
        color: #607089;
        text-align: left;
        padding: 16px 20px;
    }

    .users-table td[b-fu9qcwzj7f] {
        padding: 16px 20px;
        border-bottom: 1px solid #eef2f6;
    }

.status-badge[b-fu9qcwzj7f] {
    display: inline-block;
    padding: 7px 16px;
    border-radius: 999px;
    font-weight: 700;
}

    .status-badge.active[b-fu9qcwzj7f] {
        background: #dcfce7;
        color: #16a34a;
    }

    .status-badge.inactive[b-fu9qcwzj7f] {
        background: #f3f4f6;
        color: #6b7280;
    }

.action-select[b-fu9qcwzj7f] {
    height: 36px;
    border: 1px solid #d8e0ec;
    border-radius: 999px;
    padding: 0 14px;
    background: white;
}

.panel-overlay[b-fu9qcwzj7f] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.20);
    z-index: 50;
}

.side-panel[b-fu9qcwzj7f] {
    position: fixed;
    right: 0;
    top: 0;
    width: 430px;
    height: 100vh;
    background: white;
    z-index: 60;
    display: flex;
    flex-direction: column;
}

.panel-header[b-fu9qcwzj7f] {
    height: 64px;
    padding: 0 24px;
    border-bottom: 1px solid #e8edf5;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .panel-header h3[b-fu9qcwzj7f] {
        margin: 0;
    }

.close-btn[b-fu9qcwzj7f] {
    border: none;
    background: transparent;
    font-size: 2rem;
    cursor: pointer;
}

.panel-body[b-fu9qcwzj7f] {
    padding: 22px 24px;
    overflow-y: auto;
    flex: 1;
}

.form-group[b-fu9qcwzj7f] {
    margin-bottom: 16px;
}

    .form-group label[b-fu9qcwzj7f] {
        display: block;
        margin-bottom: 7px;
        font-weight: 700;
    }

.form-input[b-fu9qcwzj7f] {
    width: 100%;
    height: 46px;
    border: 1px solid #d8e0ec;
    border-radius: 10px;
    padding: 0 14px;
    box-sizing: border-box;
}

.permissions-box[b-fu9qcwzj7f] {
    margin-top: 18px;
    padding: 16px;
    border: 1px solid #e8edf5;
    border-radius: 12px;
}

    .permissions-box h4[b-fu9qcwzj7f] {
        margin: 0 0 12px;
    }

    .permissions-box label[b-fu9qcwzj7f] {
        display: block;
        margin-bottom: 10px;
    }

.switch-row[b-fu9qcwzj7f] {
    margin-top: 18px;
    display: flex;
    gap: 12px;
    font-weight: 700;
}

.panel-footer[b-fu9qcwzj7f] {
    border-top: 1px solid #e8edf5;
    padding: 16px 24px;
    display: flex;
    justify-content: flex-end;
    gap: 14px;
}

.cancel-btn[b-fu9qcwzj7f],
.save-btn[b-fu9qcwzj7f] {
    height: 42px;
    border: none;
    border-radius: 999px;
    padding: 0 26px;
    font-weight: 700;
    cursor: pointer;
}

.cancel-btn[b-fu9qcwzj7f] {
    background: transparent;
}

.save-btn[b-fu9qcwzj7f] {
    background: #5b52f6;
    color: white;
}

.message-box[b-fu9qcwzj7f] {
    margin-bottom: 14px;
    padding: 12px 14px;
    background: white;
    border: 1px solid #e8edf5;
    border-radius: 10px;
}
/* /Components/Pages/Admin/Settings.razor.rz.scp.css */
.settings-page[b-prh0im2w88] {
    max-width: 1240px;
    color: #1f2940;
    font-family: Arial, Helvetica, sans-serif;
}

.settings-header[b-prh0im2w88] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}

.page-kicker[b-prh0im2w88] {
    display: block;
    margin-bottom: 7px;
    color: #6257ef;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.settings-header h1[b-prh0im2w88] {
    margin: 0;
    color: #17233d;
    font-size: 2.3rem;
    font-weight: 800;
    letter-spacing: -.035em;
}

.settings-header p[b-prh0im2w88] {
    max-width: 680px;
    margin: 8px 0 0;
    color: #6c7b93;
    font-size: .96rem;
    line-height: 1.55;
}

.save-state[b-prh0im2w88] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    flex-shrink: 0;
    padding: 10px 13px;
    border: 1px solid #e3e7ef;
    border-radius: 10px;
    background: #fff;
    color: #667085;
    font-size: .78rem;
    font-weight: 700;
    box-shadow: 0 4px 14px rgba(31, 41, 64, .035);
}

.save-state .bi[b-prh0im2w88] {
    color: #6257ef;
    font-size: 1rem;
}

.settings-alert[b-prh0im2w88] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    padding: 13px 15px;
    border: 1px solid;
    border-radius: 11px;
    font-size: .9rem;
    font-weight: 650;
}

.settings-alert.success[b-prh0im2w88] {
    border-color: #bbf7d0;
    background: #f0fdf4;
    color: #15803d;
}

.settings-alert.error[b-prh0im2w88] {
    border-color: #fecaca;
    background: #fff5f5;
    color: #b42318;
}

.loading-card[b-prh0im2w88],
.access-card[b-prh0im2w88] {
    border: 1px solid #e6eaf1;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 28px rgba(31, 41, 64, .045);
}

.loading-card[b-prh0im2w88] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 160px;
    color: #667085;
    font-weight: 650;
}

.access-card[b-prh0im2w88] {
    max-width: 620px;
    padding: 44px 32px;
    text-align: center;
}

.access-card > .bi[b-prh0im2w88] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    margin-bottom: 15px;
    border-radius: 15px;
    background: #f0efff;
    color: #5b52f6;
    font-size: 1.45rem;
}

.access-card h2[b-prh0im2w88] {
    margin: 0 0 8px;
    font-size: 1.25rem;
}

.access-card p[b-prh0im2w88] {
    margin: 0;
    color: #667085;
}

.settings-grid[b-prh0im2w88] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 18px;
}

.settings-card[b-prh0im2w88] {
    padding: 24px;
    border: 1px solid #e6eaf1;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 28px rgba(31, 41, 64, .045);
}

.card-heading[b-prh0im2w88] {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-bottom: 23px;
    padding-bottom: 19px;
    border-bottom: 1px solid #edf0f5;
}

.card-icon[b-prh0im2w88] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border-radius: 11px;
    background: #f0efff;
    color: #5b52f6;
    font-size: 1.08rem;
}

.card-heading h2[b-prh0im2w88] {
    margin: 1px 0 5px;
    color: #17233d;
    font-size: 1.08rem;
    font-weight: 800;
}

.card-heading p[b-prh0im2w88] {
    margin: 0;
    color: #7b879a;
    font-size: .82rem;
    line-height: 1.45;
}

.form-grid[b-prh0im2w88] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 17px;
}

.full-width[b-prh0im2w88] {
    grid-column: 1 / -1;
}

.field label[b-prh0im2w88] {
    display: block;
    margin-bottom: 7px;
    color: #344054;
    font-size: .83rem;
    font-weight: 750;
}

[b-prh0im2w88] .settings-input {
    width: 100%;
    height: 43px;
    padding: 0 12px;
    border: 1px solid #d9e0ea;
    border-radius: 9px;
    outline: none;
    background: #fff;
    color: #1f2940;
    font-family: inherit;
    font-size: .89rem;
    transition: border-color .2s ease, box-shadow .2s ease;
}

[b-prh0im2w88] select.settings-input {
    cursor: pointer;
}

[b-prh0im2w88] .settings-input:focus {
    border-color: #756cf4;
    box-shadow: 0 0 0 3px rgba(91, 82, 246, .12);
}

[b-prh0im2w88] .settings-input::placeholder {
    color: #98a2b3;
}

.field > small[b-prh0im2w88] {
    display: block;
    margin-top: 7px;
    color: #8a94a6;
    font-size: .74rem;
}

[b-prh0im2w88] .validation-message {
    display: block;
    margin-top: 6px;
    color: #d92d20;
    font-size: .75rem;
    font-weight: 650;
}

[b-prh0im2w88] .settings-input.invalid {
    border-color: #f04438;
}

.toggle-list[b-prh0im2w88] {
    display: flex;
    flex-direction: column;
}

.toggle-row[b-prh0im2w88] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 15px 0;
    cursor: pointer;
}

.toggle-row:first-child[b-prh0im2w88] {
    padding-top: 0;
}

.toggle-row:last-child[b-prh0im2w88] {
    padding-bottom: 0;
}

.toggle-row + .toggle-row[b-prh0im2w88] {
    border-top: 1px solid #edf0f5;
}

.toggle-row strong[b-prh0im2w88],
.toggle-row small[b-prh0im2w88] {
    display: block;
}

.toggle-row strong[b-prh0im2w88] {
    margin-bottom: 4px;
    color: #344054;
    font-size: .88rem;
}

.toggle-row small[b-prh0im2w88] {
    color: #7b879a;
    font-size: .77rem;
    line-height: 1.42;
}

[b-prh0im2w88] .toggle-input {
    position: relative;
    width: 42px;
    height: 23px;
    flex: 0 0 42px;
    margin: 0;
    border: 0;
    border-radius: 999px;
    appearance: none;
    -webkit-appearance: none;
    background: #d9dee7;
    cursor: pointer;
    transition: background .2s ease;
}

[b-prh0im2w88] .toggle-input::after {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 4px rgba(16, 24, 40, .25);
    content: "";
    transition: transform .2s ease;
}

[b-prh0im2w88] .toggle-input:checked {
    background: #5b52f6;
}

[b-prh0im2w88] .toggle-input:checked::after {
    transform: translateX(19px);
}

[b-prh0im2w88] .toggle-input:focus-visible {
    outline: 3px solid rgba(91, 82, 246, .2);
    outline-offset: 2px;
}

.access-toggle[b-prh0im2w88] {
    padding-bottom: 18px;
    border-bottom: 1px solid #edf0f5;
}

.timeout-field[b-prh0im2w88] {
    margin-top: 18px;
}

.input-with-suffix[b-prh0im2w88] {
    position: relative;
    max-width: 260px;
}

.input-with-suffix[b-prh0im2w88]  .settings-input {
    padding-right: 78px;
}

.input-with-suffix > span[b-prh0im2w88] {
    position: absolute;
    top: 50%;
    right: 12px;
    color: #7b879a;
    font-size: .78rem;
    pointer-events: none;
    transform: translateY(-50%);
}

.settings-actions[b-prh0im2w88] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 18px;
    padding: 17px 19px;
    border: 1px solid #e6eaf1;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 28px rgba(31, 41, 64, .045);
}

.settings-actions > div:first-child[b-prh0im2w88] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.settings-actions strong[b-prh0im2w88] {
    color: #344054;
    font-size: .88rem;
}

.settings-actions > div:first-child span[b-prh0im2w88] {
    color: #7b879a;
    font-size: .78rem;
}

.action-buttons[b-prh0im2w88] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.secondary-btn[b-prh0im2w88],
.primary-btn[b-prh0im2w88] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 40px;
    padding: 0 18px;
    border-radius: 9px;
    font-size: .83rem;
    font-weight: 750;
    cursor: pointer;
    transition: background .2s ease, border-color .2s ease, transform .2s ease;
}

.secondary-btn[b-prh0im2w88] {
    border: 1px solid #d9e0ea;
    background: #fff;
    color: #475467;
}

.secondary-btn:hover:not(:disabled)[b-prh0im2w88] {
    border-color: #c4cad4;
    background: #f8fafc;
}

.primary-btn[b-prh0im2w88] {
    min-width: 128px;
    border: 1px solid #5b52f6;
    background: #5b52f6;
    color: #fff;
    box-shadow: 0 5px 12px rgba(91, 82, 246, .18);
}

.primary-btn:hover:not(:disabled)[b-prh0im2w88] {
    background: #4d44e8;
    transform: translateY(-1px);
}

.secondary-btn:disabled[b-prh0im2w88],
.primary-btn:disabled[b-prh0im2w88] {
    cursor: not-allowed;
    opacity: .62;
}

@media (max-width: 1050px) {
    .settings-grid[b-prh0im2w88] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .settings-header[b-prh0im2w88],
    .settings-actions[b-prh0im2w88] {
        align-items: stretch;
        flex-direction: column;
    }

    .settings-header h1[b-prh0im2w88] {
        font-size: 1.9rem;
    }

    .save-state[b-prh0im2w88] {
        align-self: flex-start;
    }

    .form-grid[b-prh0im2w88] {
        grid-template-columns: 1fr;
    }

    .full-width[b-prh0im2w88] {
        grid-column: auto;
    }

    .settings-card[b-prh0im2w88] {
        padding: 20px;
    }

    .settings-actions[b-prh0im2w88] {
        align-items: stretch;
    }

    .action-buttons[b-prh0im2w88],
    .secondary-btn[b-prh0im2w88],
    .primary-btn[b-prh0im2w88] {
        width: 100%;
    }
}
/* /Components/Pages/Admin/Users.razor.rz.scp.css */
.users-page[b-x8er9mv8m7] { color: #1d2940; }

.page-header[b-x8er9mv8m7] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 26px;
}

.page-kicker[b-x8er9mv8m7] {
    color: #6259f6;
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.page-header h1[b-x8er9mv8m7] {
    margin: 7px 0 6px;
    color: #17233d;
    font-size: clamp(2rem, 4vw, 2.65rem);
    font-weight: 850;
    letter-spacing: -.045em;
}

.page-header p[b-x8er9mv8m7] { margin: 0; color: #738097; font-size: .88rem; }

.add-btn[b-x8er9mv8m7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 46px;
    padding: 0 19px;
    border: 0;
    border-radius: 11px;
    background: #5b52f6;
    color: #fff;
    font-size: .82rem;
    font-weight: 800;
    box-shadow: 0 10px 24px rgba(81, 72, 245, .2);
    cursor: pointer;
}

.summary-grid[b-x8er9mv8m7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 20px;
}

.summary-grid article[b-x8er9mv8m7] {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 17px 19px;
    border: 1px solid #e3e8f0;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 7px 24px rgba(31, 41, 64, .035);
}

.summary-icon[b-x8er9mv8m7] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    font-size: 1rem;
}

.summary-icon.total[b-x8er9mv8m7] { background: #eeecff; color: #5b52f6; }
.summary-icon.active[b-x8er9mv8m7] { background: #e7f8ef; color: #188654; }
.summary-icon.inactive[b-x8er9mv8m7] { background: #f1f3f6; color: #788397; }
.summary-grid small[b-x8er9mv8m7], .summary-grid strong[b-x8er9mv8m7] { display: block; }
.summary-grid small[b-x8er9mv8m7] { margin-bottom: 3px; color: #8994a6; font-size: .68rem; }
.summary-grid strong[b-x8er9mv8m7] { color: #243149; font-size: 1.15rem; }

.message-box[b-x8er9mv8m7] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    padding: 13px 15px;
    border-radius: 12px;
    font-size: .8rem;
    font-weight: 700;
}

.message-box.success[b-x8er9mv8m7] { border: 1px solid #bce8d1; background: #edfbf4; color: #147a4d; }
.message-box.warning[b-x8er9mv8m7] { border: 1px solid #f2d59a; background: #fff9e9; color: #946000; }
.message-box button[b-x8er9mv8m7] { margin-inline-start: auto; border: 0; background: transparent; color: inherit; font-size: 1.2rem; cursor: pointer; }

.table-card[b-x8er9mv8m7] {
    overflow: hidden;
    border: 1px solid #e2e7f0;
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 10px 32px rgba(31, 41, 64, .045);
}

.table-heading[b-x8er9mv8m7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 19px 22px;
    border-bottom: 1px solid #edf0f5;
}

.table-heading h2[b-x8er9mv8m7] { margin: 0 0 4px; color: #253249; font-size: .95rem; font-weight: 820; }
.table-heading p[b-x8er9mv8m7] { margin: 0; color: #8994a6; font-size: .72rem; }
.table-heading > span[b-x8er9mv8m7] { padding: 6px 10px; border-radius: 999px; background: #f0efff; color: #5b52f6; font-size: .68rem; font-weight: 800; white-space: nowrap; }
.table-scroll[b-x8er9mv8m7] { overflow-x: auto; }
.users-table[b-x8er9mv8m7] { width: 100%; min-width: 900px; border-collapse: collapse; }
.users-table th[b-x8er9mv8m7] { padding: 13px 18px; background: #f8f9fc; color: #778399; font-size: .68rem; font-weight: 800; text-align: start; text-transform: uppercase; letter-spacing: .035em; }
.users-table td[b-x8er9mv8m7] { padding: 15px 18px; border-top: 1px solid #eff2f6; color: #354158; font-size: .78rem; vertical-align: middle; }
.users-table tbody tr:hover[b-x8er9mv8m7] { background: #fbfbfe; }
.id-cell[b-x8er9mv8m7] { color: #8994a6 !important; }

.user-identity[b-x8er9mv8m7] { display: flex; align-items: center; gap: 11px; min-width: 210px; }
.user-avatar[b-x8er9mv8m7] { display: grid; place-items: center; width: 38px; height: 38px; flex: 0 0 38px; border-radius: 11px; background: linear-gradient(145deg, #5b52f6, #3e35bf); color: #fff; font-size: .7rem; font-weight: 850; }
.user-identity strong[b-x8er9mv8m7], .user-identity small[b-x8er9mv8m7] { display: block; }
.user-identity strong[b-x8er9mv8m7] { color: #26334a; font-size: .8rem; }
.user-identity small[b-x8er9mv8m7] { max-width: 230px; margin-top: 3px; overflow: hidden; color: #8994a6; font-size: .68rem; text-overflow: ellipsis; }
.role-badge[b-x8er9mv8m7] { display: inline-flex; padding: 6px 9px; border-radius: 8px; background: #f0efff; color: #554cef; font-size: .68rem; font-weight: 800; white-space: nowrap; }
.status-badge[b-x8er9mv8m7] { display: inline-flex; align-items: center; gap: 7px; padding: 6px 10px; border-radius: 999px; font-size: .68rem; font-weight: 800; }
.status-badge i[b-x8er9mv8m7] { width: 6px; height: 6px; border-radius: 50%; }
.status-badge.active[b-x8er9mv8m7] { background: #e8f8ef; color: #188654; }
.status-badge.active i[b-x8er9mv8m7] { background: #22a965; }
.status-badge.inactive[b-x8er9mv8m7] { background: #f1f3f6; color: #737f92; }
.status-badge.inactive i[b-x8er9mv8m7] { background: #9099a9; }
.action-heading[b-x8er9mv8m7], .action-cell[b-x8er9mv8m7] { text-align: end !important; }
.action-buttons[b-x8er9mv8m7] { display: flex; align-items: center; justify-content: flex-end; gap: 7px; }
.edit-btn[b-x8er9mv8m7] { display: inline-flex; align-items: center; gap: 7px; min-height: 35px; padding: 0 12px; border: 1px solid #dedbf9; border-radius: 9px; background: #f7f6ff; color: #554cef; font-size: .7rem; font-weight: 800; cursor: pointer; }
.edit-btn:hover[b-x8er9mv8m7] { border-color: #c8c3fa; background: #eeecff; }
.delete-btn[b-x8er9mv8m7] { display: grid; place-items: center; width: 35px; height: 35px; padding: 0; border: 1px solid #f3d0cd; border-radius: 9px; background: #fff7f6; color: #c83d35; font-size: .76rem; cursor: pointer; }
.delete-btn:hover[b-x8er9mv8m7] { border-color: #eaa19b; background: #ffebe9; color: #a92821; }

.empty-cell[b-x8er9mv8m7] { padding: 48px 24px !important; text-align: center; }
.empty-cell > .bi[b-x8er9mv8m7] { display: grid; place-items: center; width: 52px; height: 52px; margin: 0 auto 12px; border-radius: 15px; background: #f0efff; color: #5b52f6; font-size: 1.25rem; }
.empty-cell strong[b-x8er9mv8m7], .empty-cell small[b-x8er9mv8m7] { display: block; }
.empty-cell strong[b-x8er9mv8m7] { color: #344158; }
.empty-cell small[b-x8er9mv8m7] { margin-top: 5px; color: #8994a6; font-weight: 400; }

.modal-overlay[b-x8er9mv8m7] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    padding: 24px;
    background: rgba(9, 17, 35, .58);
    backdrop-filter: blur(5px);
}

.user-modal[b-x8er9mv8m7] {
    width: min(860px, 100%);
    max-height: calc(100vh - 48px);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .7);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 30px 90px rgba(5, 12, 30, .3);
    animation: modal-in-b-x8er9mv8m7 .18s ease-out;
}

.delete-modal[b-x8er9mv8m7] {
    width: min(430px, 100%);
    padding: 32px;
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 20px;
    background: #fff;
    text-align: center;
    box-shadow: 0 30px 90px rgba(5, 12, 30, .32);
    animation: modal-in-b-x8er9mv8m7 .18s ease-out;
}

.delete-modal-icon[b-x8er9mv8m7] {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    margin: 0 auto 18px;
    border: 8px solid #fff0ef;
    border-radius: 50%;
    background: #fee2e0;
    color: #c83d35;
    font-size: 1.1rem;
}

.delete-modal h2[b-x8er9mv8m7] { margin: 0 0 10px; color: #202c43; font-size: 1.25rem; font-weight: 850; }
.delete-modal > p[b-x8er9mv8m7] { margin: 0; color: #758096; font-size: .8rem; line-height: 1.65; }
.delete-modal > p span[b-x8er9mv8m7], .delete-modal > p strong[b-x8er9mv8m7] { display: block; }
.delete-modal > p strong[b-x8er9mv8m7] { margin: 5px 0; color: #344158; font-size: .86rem; }
.delete-error[b-x8er9mv8m7] { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 18px; padding: 11px 13px; border: 1px solid #f3c3bf; border-radius: 10px; background: #fff3f2; color: #b42318; font-size: .72rem; font-weight: 700; }
.delete-modal-actions[b-x8er9mv8m7] { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 25px; }
.confirm-delete-btn[b-x8er9mv8m7] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 0 16px; border: 0; border-radius: 10px; background: #c83d35; color: #fff; font-size: .74rem; font-weight: 800; box-shadow: 0 8px 18px rgba(200, 61, 53, .18); cursor: pointer; }
.confirm-delete-btn:hover:not(:disabled)[b-x8er9mv8m7] { background: #b5322b; }
.confirm-delete-btn:disabled[b-x8er9mv8m7] { opacity: .62; cursor: wait; }

@keyframes modal-in-b-x8er9mv8m7 { from { opacity: 0; transform: translateY(12px) scale(.985); } to { opacity: 1; transform: none; } }

.user-form[b-x8er9mv8m7] { display: flex; flex-direction: column; max-height: calc(100vh - 48px); }
.modal-header[b-x8er9mv8m7] { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 22px 24px 20px; border-bottom: 1px solid #e9edf3; }
.modal-title-group[b-x8er9mv8m7] { display: flex; align-items: center; gap: 14px; }
.modal-icon[b-x8er9mv8m7] { display: grid; place-items: center; width: 48px; height: 48px; flex: 0 0 48px; border-radius: 14px; background: #eeecff; color: #564df2; font-size: 1.15rem; }
.modal-kicker[b-x8er9mv8m7] { color: #655cf5; font-size: .64rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.modal-header h2[b-x8er9mv8m7] { margin: 4px 0 3px; color: #1c2941; font-size: 1.25rem; font-weight: 850; }
.modal-header p[b-x8er9mv8m7] { margin: 0; color: #8490a3; font-size: .72rem; }
.close-btn[b-x8er9mv8m7] { display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 10px; background: #f4f5f8; color: #5e6a7e; font-size: 1.4rem; line-height: 1; cursor: pointer; }
.close-btn:hover[b-x8er9mv8m7] { background: #eceef3; color: #252f42; }

.modal-body[b-x8er9mv8m7] { flex: 1; overflow-y: auto; padding: 24px; }
.form-alert[b-x8er9mv8m7] { display: flex; align-items: center; gap: 9px; margin-bottom: 18px; padding: 12px 14px; border: 1px solid #f4c2be; border-radius: 11px; background: #fff3f2; color: #b42318; font-size: .76rem; font-weight: 700; }
[b-x8er9mv8m7] .validation-errors { margin: 0 0 18px; padding: 12px 16px 12px 34px; border: 1px solid #f4c2be; border-radius: 11px; background: #fff3f2; color: #b42318; font-size: .74rem; }

.form-section + .form-section[b-x8er9mv8m7] { margin-top: 26px; padding-top: 24px; border-top: 1px solid #edf0f5; }
.section-title[b-x8er9mv8m7] { display: flex; align-items: center; gap: 11px; margin-bottom: 17px; }
.section-title > .bi[b-x8er9mv8m7] { display: grid; place-items: center; width: 38px; height: 38px; flex: 0 0 38px; border-radius: 11px; background: #eeecff; color: #5b52f6; }
.section-title h3[b-x8er9mv8m7] { margin: 0 0 3px; color: #2b374d; font-size: .84rem; font-weight: 820; }
.section-title p[b-x8er9mv8m7] { margin: 0; color: #8b95a6; font-size: .68rem; }

.form-grid[b-x8er9mv8m7] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.form-group[b-x8er9mv8m7] { min-width: 0; }
.full-field[b-x8er9mv8m7] { grid-column: 1 / -1; }
.form-group label[b-x8er9mv8m7] { display: block; margin-bottom: 7px; color: #344158; font-size: .72rem; font-weight: 780; }
.form-group label span[b-x8er9mv8m7] { color: #d92d20; }
[b-x8er9mv8m7] .form-input { width: 100%; height: 46px; box-sizing: border-box; padding: 0 13px; border: 1px solid #d9e0ea; border-radius: 10px; outline: none; background: #fff; color: #243149; font-size: .8rem; transition: border-color .18s ease, box-shadow .18s ease; }
[b-x8er9mv8m7] .form-input:focus { border-color: #7168f7; box-shadow: 0 0 0 3px rgba(91, 82, 246, .1); }
[b-x8er9mv8m7] .form-input.invalid { border-color: #e97a73; }
[b-x8er9mv8m7] .validation-message { display: block; margin-top: 5px; color: #c8322b; font-size: .66rem; }

.permission-title[b-x8er9mv8m7] { flex-wrap: wrap; }
.permission-actions[b-x8er9mv8m7] { display: flex; gap: 7px; margin-inline-start: auto; }
.permission-actions button[b-x8er9mv8m7] { min-height: 30px; padding: 0 10px; border: 1px solid #dfe3eb; border-radius: 8px; background: #fff; color: #5c687c; font-size: .64rem; font-weight: 780; cursor: pointer; }
.permission-actions button:hover[b-x8er9mv8m7] { border-color: #c9c4fa; color: #554cef; }
.permission-grid[b-x8er9mv8m7] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.permission-option[b-x8er9mv8m7] { position: relative; display: grid; grid-template-columns: 34px 1fr; align-items: center; gap: 10px; min-width: 0; padding: 12px; border: 1px solid #e1e5ed; border-radius: 11px; background: #fbfcfe; cursor: pointer; transition: border-color .16s ease, background .16s ease; }
.permission-option:hover[b-x8er9mv8m7] { border-color: #cbc7f8; background: #f8f7ff; }
[b-x8er9mv8m7] .permission-option input { position: absolute; top: 9px; inset-inline-end: 9px; width: 15px; height: 15px; accent-color: #5b52f6; }
.permission-icon[b-x8er9mv8m7] { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 9px; background: #eeecff; color: #5b52f6; font-size: .82rem; }
.permission-option strong[b-x8er9mv8m7], .permission-option small[b-x8er9mv8m7] { display: block; padding-inline-end: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.permission-option strong[b-x8er9mv8m7] { color: #354158; font-size: .7rem; }
.permission-option small[b-x8er9mv8m7] { margin-top: 3px; color: #929bac; font-size: .6rem; }

.status-option[b-x8er9mv8m7] { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 22px; padding: 15px 17px; border: 1px solid #e1e6ed; border-radius: 12px; background: #fbfcfe; cursor: pointer; }
.status-option > span > strong[b-x8er9mv8m7], .status-option > span > small[b-x8er9mv8m7] { display: block; }
.status-option > span > strong[b-x8er9mv8m7] { color: #344158; font-size: .76rem; }
.status-option > span > small[b-x8er9mv8m7] { margin-top: 3px; color: #8a95a7; font-size: .65rem; }
.switch[b-x8er9mv8m7] { position: relative; width: 42px; height: 24px; flex: 0 0 42px; }
[b-x8er9mv8m7] .switch input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.switch i[b-x8er9mv8m7] { position: absolute; inset: 0; border-radius: 999px; background: #cbd2dd; transition: background .18s ease; }
.switch i[b-x8er9mv8m7]::after { position: absolute; top: 3px; inset-inline-start: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 2px 6px rgba(31, 41, 64, .2); content: ""; transition: inset-inline-start .18s ease; }
[b-x8er9mv8m7] .switch input:checked + i { background: #5b52f6; }
[b-x8er9mv8m7] .switch input:checked + i::after { inset-inline-start: 21px; }

.modal-footer[b-x8er9mv8m7] { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 16px 24px; border-top: 1px solid #e9edf3; background: #fbfcfe; }
.modal-footer > span[b-x8er9mv8m7] { color: #929bac; font-size: .64rem; }
.modal-footer > div[b-x8er9mv8m7] { display: flex; gap: 9px; }
.cancel-btn[b-x8er9mv8m7], .save-btn[b-x8er9mv8m7] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 0 17px; border-radius: 10px; font-size: .74rem; font-weight: 800; cursor: pointer; }
.cancel-btn[b-x8er9mv8m7] { border: 1px solid #dce1e9; background: #fff; color: #4c586c; }
.save-btn[b-x8er9mv8m7] { min-width: 122px; border: 0; background: #5b52f6; color: #fff; box-shadow: 0 8px 18px rgba(81, 72, 245, .18); }
.cancel-btn:disabled[b-x8er9mv8m7], .save-btn:disabled[b-x8er9mv8m7] { opacity: .6; cursor: wait; }
.spinner[b-x8er9mv8m7] { width: 14px; height: 14px; border: 2px solid rgba(255,255,255,.42); border-top-color: #fff; border-radius: 50%; animation: spin-b-x8er9mv8m7 .7s linear infinite; }
@keyframes spin-b-x8er9mv8m7 { to { transform: rotate(360deg); } }

@media (max-width: 760px) {
    .page-header[b-x8er9mv8m7] { align-items: flex-start; flex-direction: column; }
    .add-btn[b-x8er9mv8m7] { width: 100%; }
    .summary-grid[b-x8er9mv8m7] { grid-template-columns: 1fr; }
    .modal-overlay[b-x8er9mv8m7] { align-items: end; padding: 0; }
    .user-modal[b-x8er9mv8m7] { width: 100%; max-height: 94vh; border-radius: 20px 20px 0 0; }
    .user-form[b-x8er9mv8m7] { max-height: 94vh; }
    .form-grid[b-x8er9mv8m7] { grid-template-columns: 1fr; }
    .full-field[b-x8er9mv8m7] { grid-column: auto; }
    .permission-grid[b-x8er9mv8m7] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .modal-footer[b-x8er9mv8m7] { align-items: stretch; flex-direction: column; }
    .modal-footer > div[b-x8er9mv8m7] { width: 100%; }
    .modal-footer button[b-x8er9mv8m7] { flex: 1; }
}

@media (max-width: 480px) {
    .modal-header[b-x8er9mv8m7], .modal-body[b-x8er9mv8m7], .modal-footer[b-x8er9mv8m7] { padding-inline: 16px; }
    .modal-icon[b-x8er9mv8m7] { display: none; }
    .permission-grid[b-x8er9mv8m7] { grid-template-columns: 1fr; }
    .permission-actions[b-x8er9mv8m7] { width: 100%; margin-inline-start: 0; }
    .permission-actions button[b-x8er9mv8m7] { flex: 1; }
    .status-option[b-x8er9mv8m7] { align-items: flex-start; }
}
/* /Components/Pages/Admin/Vendors.razor.rz.scp.css */
.registrations-page[b-d7s3clu01z] {
    color: #1f2940;
    font-family: Arial, Helvetica, sans-serif;
}

.registrations-header[b-d7s3clu01z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
    gap: 16px;
}

.page-title[b-d7s3clu01z] {
    display: flex;
    align-items: center;
    gap: 16px;
}

    .page-title h1[b-d7s3clu01z] {
        margin: 0;
        font-size: 2.3rem;
        font-weight: 800;
    }

.menu-icon-title[b-d7s3clu01z] {
    font-size: 1.8rem;
    color: #6c7b93;
}

.page-actions[b-d7s3clu01z] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.refresh-btn[b-d7s3clu01z] {
    width: 72px;
    height: 44px;
    border: 1px solid #d8e0ec;
    border-radius: 24px;
    background: white;
    font-size: 1.3rem;
    color: #667085;
    cursor: pointer;
}

.message-box[b-d7s3clu01z] {
    margin-bottom: 16px;
    padding: 12px 14px;
    border-radius: 10px;
    border: 1px solid #e7ebf3;
    background: white;
    color: #44526b;
}

.table-wrapper[b-d7s3clu01z] {
    overflow-x: auto;
    background: white;
    border: 1px solid #e8edf5;
}

.registrations-table[b-d7s3clu01z] {
    width: 100%;
    border-collapse: collapse;
    min-width: 900px;
}

    .registrations-table thead th[b-d7s3clu01z] {
        text-align: left;
        padding: 18px 20px;
        color: #6c7b93;
        background: #f8fafc;
        border-bottom: 1px solid #e8edf5;
        font-size: 1rem;
        font-weight: 700;
    }

    .registrations-table tbody td[b-d7s3clu01z] {
        padding: 16px 20px;
        border-bottom: 1px solid #edf1f7;
        font-size: 1rem;
        color: #1f2940;
    }

.empty-cell[b-d7s3clu01z] {
    text-align: center;
    color: #667085;
    padding: 30px 20px !important;
}

.status-badge[b-d7s3clu01z] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 95px;
    height: 30px;
    border-radius: 999px;
    padding: 0 14px;
    font-size: 0.9rem;
    font-weight: 700;
}

    .status-badge.approved[b-d7s3clu01z] {
        background: #28b446;
        color: white;
    }

    .status-badge.pending[b-d7s3clu01z] {
        background: #f5b700;
        color: #1f2940;
    }

    .status-badge.rejected[b-d7s3clu01z] {
        background: #ef4444;
        color: white;
    }
/* /Components/Pages/Contact.razor.rz.scp.css */
.contact-page[b-wnz8yamoh9] {
    background: #f6f8fc;
    color: #1d2940;
    min-height: 100vh;
}

.container[b-wnz8yamoh9] {
    width: min(1200px, 92%);
    margin: 0 auto;
}

/* Hero */
.contact-hero[b-wnz8yamoh9] {
    position: relative;
    min-height: 240px;
    background: url('/images/contact-hero.jpg') center/cover no-repeat;
    display: flex;
    align-items: center;
}

.contact-hero-overlay[b-wnz8yamoh9] {
    position: absolute;
    inset: 0;
    background: rgba(11, 24, 49, 0.55);
}

.contact-hero-content[b-wnz8yamoh9] {
    position: relative;
    z-index: 2;
    color: #fff;
}

    .contact-hero-content h1[b-wnz8yamoh9] {
        font-size: 3rem;
        font-weight: 800;
        margin: 0 0 12px;
        letter-spacing: 1px;
    }

    .contact-hero-content p[b-wnz8yamoh9] {
        margin: 0;
        font-size: 1rem;
        color: #e8edf8;
    }

/* Section */
.contact-section[b-wnz8yamoh9] {
    padding: 70px 0;
}

.contact-grid[b-wnz8yamoh9] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: start;
}

/* Left */
.contact-image-card[b-wnz8yamoh9] {
    background: #fff;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
    margin-bottom: 22px;
}

    .contact-image-card img[b-wnz8yamoh9] {
        width: 100%;
        height: 430px;
        object-fit: cover;
        display: block;
    }

.contact-info-box[b-wnz8yamoh9] {
    background: #fff;
    border-radius: 18px;
    padding: 24px 26px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
    border-bottom: 3px solid #d9e2f2;
}

    .contact-info-box h4[b-wnz8yamoh9] {
        margin: 0 0 12px;
        font-size: 1.1rem;
        color: #12213f;
        font-weight: 800;
    }

    .contact-info-box p[b-wnz8yamoh9] {
        margin: 0;
        font-size: 1rem;
    }

    .contact-info-box a[b-wnz8yamoh9] {
        color: #1149bc;
        font-weight: 700;
        text-decoration: none;
        overflow-wrap: anywhere;
    }

        .contact-info-box a:hover[b-wnz8yamoh9] {
            text-decoration: underline;
        }

/* Right */
.contact-right[b-wnz8yamoh9] {
    background: #fff;
    border-radius: 24px;
    padding: 34px;
    box-shadow: 0 12px 35px rgba(15, 23, 42, 0.08);
}

    .contact-right h2[b-wnz8yamoh9] {
        margin: 0;
        font-size: 2rem;
        color: #12213f;
        font-weight: 800;
    }

.title-underline[b-wnz8yamoh9] {
    width: 70px;
    height: 4px;
    background: #1149bc;
    border-radius: 999px;
    margin: 14px 0 20px;
}

.contact-desc[b-wnz8yamoh9] {
    color: #6b7280;
    line-height: 1.8;
    margin-bottom: 26px;
    font-size: 1rem;
}

/* Form */
.form-group[b-wnz8yamoh9] {
    margin-bottom: 20px;
}

    .form-group label[b-wnz8yamoh9] {
        display: block;
        margin-bottom: 10px;
        font-weight: 700;
        color: #12213f;
        font-size: 1rem;
    }

.form-control[b-wnz8yamoh9] {
    width: 100%;
    height: 54px;
    border: 1px solid #d7deea;
    border-radius: 12px;
    padding: 0 16px;
    font-size: 1rem;
    background: #fff;
    color: #1d2940;
    box-sizing: border-box;
    outline: none;
    transition: 0.25s;
}

    .form-control:focus[b-wnz8yamoh9] {
        border-color: #4f46e5;
        box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.10);
    }

.phone-row[b-wnz8yamoh9] {
    display: flex;
    gap: 12px;
}

.country-code[b-wnz8yamoh9] {
    width: 130px;
    height: 54px;
    border: 1px solid #d7deea;
    border-radius: 12px;
    padding: 0 12px;
    font-size: 1rem;
    background: #fff;
    color: #1d2940;
    outline: none;
}

.phone-input[b-wnz8yamoh9] {
    flex: 1;
}

.message-box[b-wnz8yamoh9] {
    min-height: 130px;
    padding-top: 14px;
    resize: vertical;
}

.send-btn[b-wnz8yamoh9] {
    width: 100%;
    height: 56px;
    border: none;
    border-radius: 14px;
    background: #1149bc; /* أزرق ثابت */
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    transition: 0.25s;
    margin-top: 8px;
    box-shadow: 0 8px 20px rgba(79, 70, 229, 0.25);
}
    .send-btn:hover[b-wnz8yamoh9] {
        transform: translateY(-2px);
        box-shadow: 0 12px 24px rgba(182, 127, 123, 0.32);
    }

.success-msg[b-wnz8yamoh9] {
    margin-top: 16px;
    color: #0f8b4c;
    font-weight: 700;
}

.validation-message[b-wnz8yamoh9],
[b-wnz8yamoh9] .validation-message {
    color: #d11a2a;
    font-size: 0.9rem;
    margin-top: 6px;
    display: block;
}

/* Responsive */
@media (max-width: 900px) {
    .contact-grid[b-wnz8yamoh9] {
        grid-template-columns: 1fr;
    }

    .contact-hero[b-wnz8yamoh9] {
        min-height: 180px;
    }

    .contact-hero-content h1[b-wnz8yamoh9] {
        font-size: 2.2rem;
    }

    .contact-right[b-wnz8yamoh9] {
        padding: 24px;
    }

    .contact-image-card img[b-wnz8yamoh9] {
        height: 300px;
    }
}

@media (max-width: 600px) {
    .phone-row[b-wnz8yamoh9] {
        flex-direction: column;
    }

    .country-code[b-wnz8yamoh9] {
        width: 100%;
    }

    .contact-right h2[b-wnz8yamoh9] {
        font-size: 1.6rem;
    }
}



/* Header */
.topbar[b-wnz8yamoh9] {
    background: #ffffff;
    border-bottom: 1px solid #e8e8ef;
    position: sticky;
    top: 0;
    z-index: 20;
}

.nav-wrapper[b-wnz8yamoh9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 0;
}

.brand[b-wnz8yamoh9],
.footer-brand[b-wnz8yamoh9] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 800;
    font-size: 1.2rem;
    letter-spacing: 1px;
}

.logo-shape[b-wnz8yamoh9] {
    width: 150px;
    height: 56px;
    object-fit: contain;
    display: block;
}

.nav-links[b-wnz8yamoh9] {
    display: flex;
    align-items: center;
    gap: 24px;
}

.header-language-selector[b-wnz8yamoh9] {
    margin-inline-start: 4px;
}

    .nav-links a[b-wnz8yamoh9] {
        text-decoration: none;
        color: #374151;
        font-size: 0.95rem;
        transition: 0.3s;
    }

        .nav-links a:hover[b-wnz8yamoh9] {
            color: #4f46e5;
        }

@media (max-width: 700px) {
    .nav-wrapper[b-wnz8yamoh9] {
        align-items: center;
        flex-direction: column;
        gap: 12px;
    }

    .nav-links[b-wnz8yamoh9] {
        flex-wrap: wrap;
        justify-content: center;
        gap: 12px 18px;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.home-page[b-kywbgjotqx] { min-height: 100vh; overflow: hidden; background: #f7f8fc; color: #18233b; font-family: Arial, Helvetica, sans-serif; }
.home-container[b-kywbgjotqx] { width: min(1240px, calc(100% - 40px)); margin: 0 auto; }

.hero[b-kywbgjotqx] { position: relative; min-height: clamp(650px, 82vh, 860px); display: flex; align-items: center; overflow: hidden; padding: 86px 0 96px; background: #06142f; color: #fff; text-align: center; }
.hero-bg[b-kywbgjotqx] { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 46%; }
.hero[b-kywbgjotqx]::after { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5,15,38,.42), rgba(5,15,38,.58)); content: ""; }
.hero-content[b-kywbgjotqx] { position: relative; z-index: 1; }
.hero-copy[b-kywbgjotqx] { max-width: 940px; margin: 0 auto; }
.hero-kicker[b-kywbgjotqx] { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 22px; color: #c9c7ff; font-size: .76rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.kicker-dot[b-kywbgjotqx] { width: 8px; height: 8px; border-radius: 50%; background: #2dd4bf; box-shadow: 0 0 0 5px rgba(45,212,191,.13); }
.hero-copy h1[b-kywbgjotqx] { margin: 0; font-size: clamp(2.7rem, 5vw, 4.85rem); font-weight: 880; letter-spacing: -.055em; line-height: 1.04; }
.hero-copy h1 span[b-kywbgjotqx] { display: block; color: #a9a5ff; }
.hero-copy > p[b-kywbgjotqx] { max-width: 720px; margin: 25px auto 0; color: #e2e8f2; font-size: 1.05rem; line-height: 1.85; text-shadow: 0 2px 12px rgba(0,0,0,.45); }
.hero-actions[b-kywbgjotqx] { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.hero-actions a[b-kywbgjotqx] { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 50px; padding: 0 21px; border-radius: 11px; font-size: .9rem; font-weight: 800; text-decoration: none; transition: transform .2s ease, background .2s ease; }
.primary-cta[b-kywbgjotqx] { background: #665df7; color: #fff; box-shadow: 0 12px 28px rgba(72, 61, 230, .32); }
.primary-cta:hover[b-kywbgjotqx] { background: #756dfb; color: #fff; transform: translateY(-2px); }
.secondary-cta[b-kywbgjotqx] { border: 1px solid rgba(255,255,255,.22); background: rgba(255,255,255,.07); color: #fff; }
.secondary-cta:hover[b-kywbgjotqx] { background: rgba(255,255,255,.13); color: #fff; transform: translateY(-2px); }
.trust-row[b-kywbgjotqx] { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px 22px; margin-top: 30px; color: #d8e0ec; font-size: .78rem; font-weight: 650; }
.trust-row span[b-kywbgjotqx] { display: inline-flex; align-items: center; gap: 7px; }
.trust-row .bi[b-kywbgjotqx] { color: #5eead4; }

.value-strip[b-kywbgjotqx] { position: relative; z-index: 3; margin-top: -38px; }
.value-grid[b-kywbgjotqx] { display: grid; grid-template-columns: repeat(3, 1fr); overflow: hidden; border: 1px solid #e5e9f1; border-radius: 18px; background: #fff; box-shadow: 0 16px 44px rgba(31,41,64,.09); }
.value-grid > div[b-kywbgjotqx] { display: grid; grid-template-columns: 42px 1fr; align-items: center; column-gap: 12px; padding: 22px 25px; }
.value-grid > div + div[b-kywbgjotqx] { border-inline-start: 1px solid #e8ecf3; }
.value-grid .bi[b-kywbgjotqx] { grid-row: 1 / 3; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: #f0efff; color: #5148f5; }
.value-grid strong[b-kywbgjotqx] { color: #26334b; font-size: .86rem; }.value-grid small[b-kywbgjotqx] { margin-top: 3px; color: #8994a7; font-size: .7rem; }

.platform-section[b-kywbgjotqx] { padding: 112px 0 100px; }
.section-heading[b-kywbgjotqx] { max-width: 720px; margin: 0 auto 48px; text-align: center; }
.section-heading > span[b-kywbgjotqx],.process-intro > span[b-kywbgjotqx],.mobile-copy > span[b-kywbgjotqx] { color: #5b52f6; font-size: .73rem; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.section-heading h2[b-kywbgjotqx],.process-intro h2[b-kywbgjotqx],.mobile-copy h2[b-kywbgjotqx] { margin: 13px 0 14px; color: #17233d; font-size: clamp(2rem, 4vw, 3rem); font-weight: 850; letter-spacing: -.04em; line-height: 1.15; }
.section-heading p[b-kywbgjotqx],.process-intro p[b-kywbgjotqx],.mobile-copy > p[b-kywbgjotqx] { margin: 0; color: #6c7890; font-size: .96rem; line-height: 1.8; }
.feature-grid[b-kywbgjotqx] { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 18px; }
.feature-card[b-kywbgjotqx] { padding: 26px; border: 1px solid #e3e8f1; border-radius: 18px; background: #fff; box-shadow: 0 8px 30px rgba(31,41,64,.04); transition: transform .22s ease, box-shadow .22s ease; }
.feature-card:hover[b-kywbgjotqx] { transform: translateY(-5px); box-shadow: 0 18px 40px rgba(31,41,64,.09); }
.feature-icon[b-kywbgjotqx] { display: grid; place-items: center; width: 45px; height: 45px; margin-bottom: 20px; border-radius: 13px; background: #f0efff; color: #5148f5; font-size: 1.1rem; }
.feature-card h3[b-kywbgjotqx] { margin: 0 0 10px; color: #26334b; font-size: 1rem; font-weight: 800; }.feature-card p[b-kywbgjotqx] { margin: 0; color: #728097; font-size: .84rem; line-height: 1.75; }
.feature-card a[b-kywbgjotqx] { display: inline-flex; align-items: center; gap: 7px; margin-top: 18px; color: #5148f5; font-size: .8rem; font-weight: 800; text-decoration: none; }
.feature-primary[b-kywbgjotqx] { background: linear-gradient(145deg, #5148f5, #3931b9); }.feature-primary .feature-icon[b-kywbgjotqx] { background: rgba(255,255,255,.14); color: #fff; }.feature-primary h3[b-kywbgjotqx] { color: #fff; }.feature-primary p[b-kywbgjotqx] { color: #dedcff; }.feature-primary a[b-kywbgjotqx] { color: #fff; }

.process-section[b-kywbgjotqx] { padding: 100px 0; background: #fff; }
.process-grid[b-kywbgjotqx] { display: grid; grid-template-columns: minmax(0,.8fr) minmax(520px,1.2fr); align-items: center; gap: 80px; }
.process-intro a[b-kywbgjotqx] { display: inline-flex; align-items: center; gap: 8px; margin-top: 24px; color: #5148f5; font-size: .84rem; font-weight: 800; text-decoration: none; }
.process-list[b-kywbgjotqx] { display: grid; gap: 14px; }
.process-list article[b-kywbgjotqx] { display: grid; grid-template-columns: 58px 1fr; gap: 17px; padding: 21px; border: 1px solid #e5e9f1; border-radius: 16px; background: #fbfcfe; }
.step-number[b-kywbgjotqx] { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 14px; background: #eeecff; color: #5148f5; font-size: .82rem; font-weight: 850; }
.process-list h3[b-kywbgjotqx] { margin: 1px 0 6px; color: #26334b; font-size: .98rem; }.process-list p[b-kywbgjotqx] { margin: 0; color: #758198; font-size: .83rem; line-height: 1.65; }

.audience-section[b-kywbgjotqx] { padding: 90px 0; background: #f5f6fb; }
.audience-grid[b-kywbgjotqx] { display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; }
.audience-card[b-kywbgjotqx] { position: relative; overflow: hidden; min-height: 310px; padding: 38px; border-radius: 22px; color: #fff; }
.audience-card[b-kywbgjotqx]::after { position: absolute; right: -90px; bottom: -130px; width: 300px; height: 300px; border: 45px solid rgba(255,255,255,.07); border-radius: 50%; content: ""; }
.vendor-card[b-kywbgjotqx] { background: linear-gradient(140deg,#101f49,#4239bf); }.merchant-card[b-kywbgjotqx] { background: linear-gradient(140deg,#073b4c,#087f78); }
.audience-label[b-kywbgjotqx] { display: inline-flex; padding: 6px 10px; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; background: rgba(255,255,255,.09); font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.audience-card h2[b-kywbgjotqx] { position: relative; z-index:1; max-width: 500px; margin: 22px 0 13px; font-size: clamp(1.6rem,3vw,2.25rem); font-weight: 830; letter-spacing: -.035em; line-height: 1.2; }
.audience-card p[b-kywbgjotqx] { position: relative; z-index:1; max-width: 510px; margin: 0; color: rgba(255,255,255,.78); font-size: .9rem; line-height: 1.75; }
.audience-card a[b-kywbgjotqx] { position: relative; z-index:1; display: inline-flex; align-items: center; gap: 8px; margin-top: 25px; color: #fff; font-size: .84rem; font-weight: 800; text-decoration: none; }

.mobile-section[b-kywbgjotqx] { padding: 100px 0; background: #fff; }
.mobile-grid[b-kywbgjotqx] { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 80px; }
.mobile-image[b-kywbgjotqx] { position: relative; min-height: 480px; display: grid; place-items: center; }.image-backdrop[b-kywbgjotqx] { position: absolute; inset: 8% 4%; border-radius: 50%; background: #eeecff; }.mobile-image img[b-kywbgjotqx] { position: relative; z-index:1; display: block; width: min(100%,590px); max-height: 480px; object-fit: contain; filter: drop-shadow(0 24px 26px rgba(31,41,64,.15)); }
.mobile-points[b-kywbgjotqx] { display: grid; gap: 13px; margin-top: 26px; }.mobile-points > div[b-kywbgjotqx] { display: grid; grid-template-columns: 42px 1fr; align-items: center; column-gap: 12px; }.mobile-points .bi[b-kywbgjotqx] { grid-row:1/3; display:grid; place-items:center; width:42px;height:42px;border-radius:12px;background:#f0efff;color:#5148f5; }.mobile-points strong[b-kywbgjotqx],.mobile-points small[b-kywbgjotqx] { display:block; }.mobile-points strong[b-kywbgjotqx] { color:#26334b;font-size:.86rem; }.mobile-points small[b-kywbgjotqx] { margin-top:3px;color:#8994a7;font-size:.72rem; }

.final-cta[b-kywbgjotqx] { padding: 0 0 80px; background: #fff; }.cta-inner[b-kywbgjotqx] { display: flex; align-items: center; justify-content: space-between; gap: 36px; padding: 44px 48px; border-radius: 24px; background: linear-gradient(130deg,#5148f5,#2f289e); color:#fff; box-shadow:0 22px 50px rgba(65,55,205,.22); }.cta-inner > div > span[b-kywbgjotqx] { color:#c9c7ff;font-size:.75rem;font-weight:850;text-transform:uppercase;letter-spacing:.1em; }.cta-inner h2[b-kywbgjotqx] { max-width:680px;margin:9px 0 0;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:830;letter-spacing:-.035em; }.cta-actions[b-kywbgjotqx] { display:flex;gap:10px;flex-shrink:0; }.cta-actions a[b-kywbgjotqx] { display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 17px;border-radius:10px;font-size:.82rem;font-weight:800;text-decoration:none;white-space:nowrap; }.cta-white[b-kywbgjotqx] { background:#fff;color:#3931b9; }.cta-outline[b-kywbgjotqx] { border:1px solid rgba(255,255,255,.32);color:#fff; }

@media (max-width: 1050px) {
    .hero-copy[b-kywbgjotqx] { max-width: 820px; }
    .feature-grid[b-kywbgjotqx] { grid-template-columns: repeat(2,1fr); }.process-grid[b-kywbgjotqx] { grid-template-columns:1fr;gap:45px; }.process-intro[b-kywbgjotqx] { max-width:720px; }.mobile-grid[b-kywbgjotqx] { gap:36px; }
}

@media (max-width: 760px) {
    .home-container[b-kywbgjotqx] { width: min(100% - 28px,1240px); }.hero[b-kywbgjotqx] { min-height: 620px; padding:68px 0 88px; }.hero-copy h1[b-kywbgjotqx] { font-size:clamp(2.35rem,12vw,3.5rem); }.hero-copy > p[b-kywbgjotqx] { font-size:.95rem; }
    .value-grid[b-kywbgjotqx] { grid-template-columns:1fr; }.value-grid > div + div[b-kywbgjotqx] { border-inline-start:0;border-top:1px solid #e8ecf3; }
    .platform-section[b-kywbgjotqx],.process-section[b-kywbgjotqx],.audience-section[b-kywbgjotqx],.mobile-section[b-kywbgjotqx] { padding:72px 0; }.feature-grid[b-kywbgjotqx],.audience-grid[b-kywbgjotqx],.mobile-grid[b-kywbgjotqx] { grid-template-columns:1fr; }.audience-card[b-kywbgjotqx] { min-height:280px;padding:30px; }.mobile-image[b-kywbgjotqx] { min-height:340px;grid-row:2; }.mobile-image img[b-kywbgjotqx] { max-height:350px; }
    .cta-inner[b-kywbgjotqx] { align-items:flex-start;flex-direction:column;padding:34px 28px; }.cta-actions[b-kywbgjotqx] { width:100%;flex-wrap:wrap; }.cta-actions a[b-kywbgjotqx] { flex:1; }
}

@media (max-width: 480px) {
    .hero-actions a[b-kywbgjotqx] { width:100%; }.trust-row[b-kywbgjotqx] { flex-direction:column; }
    .feature-grid[b-kywbgjotqx] { grid-template-columns:1fr; }.feature-card[b-kywbgjotqx] { padding:23px; }.process-list article[b-kywbgjotqx] { grid-template-columns:46px 1fr;padding:17px; }.step-number[b-kywbgjotqx] { width:42px;height:42px; }.cta-actions[b-kywbgjotqx] { flex-direction:column; }.cta-actions a[b-kywbgjotqx] { width:100%; }
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-page[b-dsjp8k9jr1] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 100vh;
    font-family: Arial, sans-serif;
}

/* LEFT SIDE */
.left-side[b-dsjp8k9jr1] {
    position: relative;
    background: url('/images/login-bg.jpg') center/cover no-repeat;
    display: flex;
    align-items: center;
    padding: 60px;
    color: white;
}

    .left-side .overlay[b-dsjp8k9jr1] {
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, #3b3bd6cc, #1e1e80cc);
    }

.left-content[b-dsjp8k9jr1] {
    position: relative;
    max-width: 480px;
}

    .left-content h1[b-dsjp8k9jr1] {
        font-size: 2rem;
        margin-bottom: 10px;
    }

    .left-content h2[b-dsjp8k9jr1] {
        font-size: 2.5rem;
        font-weight: 800;
        margin-bottom: 20px;
    }

    .left-content p[b-dsjp8k9jr1] {
        font-size: 0.95rem;
        line-height: 1.8;
        opacity: 0.9;
    }

/* Users */
.users[b-dsjp8k9jr1] {
    margin-top: 25px;
    display: flex;
    align-items: center;
    gap: 10px;
}

    .users img[b-dsjp8k9jr1] {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        border: 2px solid white;
    }

    .users span[b-dsjp8k9jr1] {
        margin-left: 10px;
        font-size: 0.85rem;
    }

/* RIGHT SIDE */
.right-side[b-dsjp8k9jr1] {
    background: #f4f5fb;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* CARD */
.login-card[b-dsjp8k9jr1] {
    background: white;
    padding: 40px 30px;
    border-radius: 16px;
    width: 420px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

.logo[b-dsjp8k9jr1] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
    font-weight: bold;
}

.logo-shape[b-dsjp8k9jr1] {
    width: 150px;
    height: 56px;
    object-fit: contain;
    display: block;
}

.login-card h3[b-dsjp8k9jr1] {
    margin-bottom: 20px;
}

/* Buttons */
.login-option[b-dsjp8k9jr1] {
    width: 100%;
    padding: 14px;
    margin-bottom: 12px;
    border-radius: 10px;
    border: 1px solid #e5e7eb;
    background: white;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    transition: 0.3s;
}

    .login-option:hover[b-dsjp8k9jr1] {
        background: #f5f6ff;
        border-color: #4f46e5;
    }

/* Responsive */
@media (max-width: 900px) {
    .login-page[b-dsjp8k9jr1] {
        grid-template-columns: 1fr;
    }

    .left-side[b-dsjp8k9jr1] {
        display: none;
    }
}
[b-dsjp8k9jr1] .btn-style {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 18px 20px;
    margin-top: 12px;
    border: 1px solid #ddd;
    border-radius: 12px;
    text-decoration: none;
    color: black;
    background-color: white;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

    [b-dsjp8k9jr1] .btn-style:hover {
        background-color: #f5f5f5;
        transform: translateY(-1px);
        cursor: pointer;
        border-color: #4f46e5;
    }

    [b-dsjp8k9jr1] .btn-style span:last-child {
        font-size: 20px;
    }

    [b-dsjp8k9jr1] .btn-style.active {
        background-color: #f5f6ff;
        border-color: #4f46e5;
    }
/* /Components/Pages/login/Admin.razor.rz.scp.css */
.admin-login-page[b-g0g3wwyxy0] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: #f7f7fb;
    font-family: Arial, Helvetica, sans-serif;
}

/* Left */
.admin-left-panel[b-g0g3wwyxy0] {
    position: relative;
    overflow: hidden;
    background: url('/images/admin-login-bg.jpg') center center / cover no-repeat;
    display: flex;
    align-items: center;
    padding: 70px 50px;
}

.admin-left-overlay[b-g0g3wwyxy0] {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(47, 53, 198, 0.82), rgba(42, 45, 180, 0.78));
}

.admin-left-content[b-g0g3wwyxy0] {
    position: relative;
    z-index: 2;
    max-width: 650px;
    color: #fff;
}

    .admin-left-content h1[b-g0g3wwyxy0] {
        margin: 0 0 8px;
        font-size: 3rem;
        font-weight: 700;
        line-height: 1.1;
    }

    .admin-left-content h2[b-g0g3wwyxy0] {
        margin: 0 0 26px;
        font-size: 3.4rem;
        font-weight: 800;
        line-height: 1.1;
    }

    .admin-left-content p[b-g0g3wwyxy0] {
        margin: 0;
        font-size: 1.15rem;
        line-height: 1.8;
        max-width: 760px;
        color: rgba(255, 255, 255, 0.92);
    }

.admin-shape[b-g0g3wwyxy0] {
    position: absolute;
    border-radius: 50%;
    z-index: 1;
    pointer-events: none;
}

.shape-one[b-g0g3wwyxy0] {
    width: 620px;
    height: 620px;
    bottom: -240px;
    left: -160px;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.04);
}

.shape-two[b-g0g3wwyxy0] {
    width: 700px;
    height: 700px;
    bottom: -380px;
    right: -220px;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.05);
}

/* Right */
.admin-right-panel[b-g0g3wwyxy0] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fafafb;
    padding: 40px;
}

.admin-login-box[b-g0g3wwyxy0] {
    width: 100%;
    max-width: 560px;
    background: #fff;
    border-radius: 24px;
    padding: 42px 34px;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
}

.admin-brand[b-g0g3wwyxy0] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 24px;
    font-weight: 800;
    font-size: 1.8rem;
    color: #2d56d8;
    letter-spacing: 0.5px;
}

.admin-brand-icon[b-g0g3wwyxy0] {
    width: 150px;
    height: 56px;
    object-fit: contain;
    display: block;
}

.admin-form-row[b-g0g3wwyxy0] {
    display: flex;
    justify-content: flex-end;
    margin: -4px 0 18px;
}

.forgot-link[b-g0g3wwyxy0] {
    color: #5148f5;
    font-weight: 700;
    text-decoration: none;
}

.forgot-link:hover[b-g0g3wwyxy0] {
    text-decoration: underline;
}

.admin-login-box h3[b-g0g3wwyxy0] {
    text-align: center;
    margin: 0 0 10px;
    color: #1f2940;
    font-size: 2.2rem;
    font-weight: 700;
}

.admin-subtitle[b-g0g3wwyxy0] {
    text-align: center;
    margin: 0 0 30px;
    color: #5d6473;
    font-size: 1rem;
}

/* Form */
.form-group[b-g0g3wwyxy0] {
    margin-bottom: 24px;
    width: 100%;
}

    .form-group label[b-g0g3wwyxy0] {
        display: block;
        margin-bottom: 10px;
        color: #1f2940;
        font-size: 1rem;
        font-weight: 600;
    }

.form-input[b-g0g3wwyxy0] {
    display: block;
    width: 100%;
    min-width: 0;
    height: 52px;
    border: 1px solid #dbe3ef;
    border-radius: 12px;
    padding: 0 16px;
    font-size: 1rem;
    color: #101828;
    background: #fff;
    box-sizing: border-box;
    outline: none;
    transition: 0.2s ease;
}

    .form-input:focus[b-g0g3wwyxy0] {
        border-color: #4f46e5;
        box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.12);
    }

.password-wrapper[b-g0g3wwyxy0] {
    position: relative;
    width: 100%;
}

.password-input[b-g0g3wwyxy0] {
    padding-right: 56px;
}

.toggle-password[b-g0g3wwyxy0] {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 1.1rem;
    opacity: 0.75;
    padding: 0;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sign-in-btn[b-g0g3wwyxy0] {
    width: 100%;
    height: 60px;
    border: none;
    border-radius: 999px;
    background: linear-gradient(90deg, #5548ee, #4c46e5);
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.15s ease, opacity 0.2s ease;
    margin-top: 6px;
}

    .sign-in-btn:hover[b-g0g3wwyxy0] {
        opacity: 0.95;
        transform: translateY(-1px);
    }

    .sign-in-btn:active[b-g0g3wwyxy0] {
        transform: translateY(0);
    }

.error-box[b-g0g3wwyxy0] {
    margin-bottom: 18px;
    padding: 12px 14px;
    border-radius: 10px;
    background: #fff1f2;
    border: 1px solid #fecdd3;
    color: #be123c;
    font-size: 0.95rem;
}

.admin-test-note[b-g0g3wwyxy0] {
    margin-top: 18px;
    text-align: center;
    color: #6b7280;
    font-size: 0.95rem;
}

.validation-message[b-g0g3wwyxy0],
[b-g0g3wwyxy0] .validation-message {
    display: block;
    margin-top: 8px;
    color: #d92d20;
    font-size: 0.9rem;
}

[b-g0g3wwyxy0] .validation-summary-errors {
    margin-bottom: 16px;
    color: #d92d20;
    font-size: 0.95rem;
}

[b-g0g3wwyxy0] input.form-input {
    display: block;
    width: 100%;
    min-width: 0;
    height: 52px;
    border: 1px solid #dbe3ef;
    border-radius: 12px;
    padding: 0 16px;
    color: #101828;
    background: #fff;
    font-size: 1rem;
    outline: none;
    box-sizing: border-box;
}

[b-g0g3wwyxy0] input.form-input:focus {
    border-color: #4f46e5;
    box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.12);
}

[b-g0g3wwyxy0] .password-wrapper input.form-input {
    padding-right: 56px;
}

@media (max-width: 900px) {
    .admin-login-page[b-g0g3wwyxy0] {
        grid-template-columns: 1fr;
    }

    .admin-left-panel[b-g0g3wwyxy0] {
        min-height: 320px;
        padding: 40px 28px;
    }

    .admin-right-panel[b-g0g3wwyxy0] {
        padding: 30px 20px 40px;
    }

    .admin-login-box[b-g0g3wwyxy0] {
        max-width: 100%;
    }
}

@media (max-width: 600px) {
    .admin-left-content h1[b-g0g3wwyxy0] {
        font-size: 1.9rem;
    }

    .admin-left-content h2[b-g0g3wwyxy0] {
        font-size: 2.2rem;
    }

    .admin-left-content p[b-g0g3wwyxy0] {
        font-size: 0.96rem;
    }
}
/* /Components/Pages/login/ForgotPassword.razor.rz.scp.css */
.reset-page[b-cmuz5ogl30] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px 20px;
    background: #f5f7fb;
    font-family: Arial, Helvetica, sans-serif;
}

.reset-panel[b-cmuz5ogl30] {
    width: min(100%, 520px);
    background: #fff;
    border: 1px solid #e5eaf3;
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
    padding: 42px;
}

.brand[b-cmuz5ogl30] {
    display: flex;
    justify-content: center;
    margin-bottom: 28px;
}

.brand-icon[b-cmuz5ogl30] {
    width: 150px;
    height: 56px;
    object-fit: contain;
    display: block;
}

h1[b-cmuz5ogl30] {
    margin: 0 0 12px;
    color: #1f2940;
    font-size: 2.1rem;
    font-weight: 800;
    text-align: center;
}

.reset-subtitle[b-cmuz5ogl30],
.reset-note[b-cmuz5ogl30] {
    margin: 0 auto 26px;
    color: #64748b;
    font-size: 1rem;
    line-height: 1.6;
    text-align: center;
}

.reset-note[b-cmuz5ogl30] {
    margin-top: -10px;
}

.reset-panel[b-cmuz5ogl30]  .reset-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.form-group[b-cmuz5ogl30] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

label[b-cmuz5ogl30] {
    color: #1f2940;
    font-weight: 700;
}

.reset-panel[b-cmuz5ogl30]  .form-input {
    width: 100%;
    height: 52px;
    border: 1px solid #dbe3ef;
    border-radius: 12px;
    padding: 0 16px;
    color: #101828;
    font-size: 1rem;
    outline: none;
}

.reset-panel[b-cmuz5ogl30]  .form-input:focus {
    border-color: #4f46e5;
    box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.12);
}

.primary-btn[b-cmuz5ogl30],
.primary-link-btn[b-cmuz5ogl30] {
    width: 100%;
    min-height: 52px;
    border: 0;
    border-radius: 999px;
    background: #5148f5;
    color: #fff;
    font-size: 1rem;
    font-weight: 800;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.primary-btn:disabled[b-cmuz5ogl30] {
    opacity: 0.65;
    cursor: not-allowed;
}

.primary-btn[b-cmuz5ogl30] {
    margin-top: 12px;
}

.back-link[b-cmuz5ogl30] {
    display: block;
    margin-top: 22px;
    color: #5148f5;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
}

.error-box[b-cmuz5ogl30],
.success-box[b-cmuz5ogl30] {
    margin-bottom: 20px;
    padding: 14px 16px;
    border-radius: 12px;
    font-weight: 700;
    text-align: center;
}

.error-box[b-cmuz5ogl30] {
    background: #fff1f2;
    color: #be123c;
}

.success-box[b-cmuz5ogl30] {
    background: #ecfdf3;
    color: #027a48;
}

.success-mark[b-cmuz5ogl30] {
    width: 64px;
    height: 64px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background: #ecfdf3;
    color: #16a34a;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    font-weight: 900;
}

[b-cmuz5ogl30] .validation-message {
    color: #be123c;
    font-size: 0.9rem;
}

@media (max-width: 560px) {
    .reset-panel[b-cmuz5ogl30] {
        padding: 30px 22px;
    }

    h1[b-cmuz5ogl30] {
        font-size: 1.75rem;
    }
}
/* /Components/Pages/login/ForgotPasswordSent.razor.rz.scp.css */
.reset-page[b-j20g7xbgrx] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px 20px;
    background: #f5f7fb;
    font-family: Arial, Helvetica, sans-serif;
}

.reset-panel[b-j20g7xbgrx] {
    width: min(100%, 520px);
    background: #fff;
    border: 1px solid #e5eaf3;
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
    padding: 42px;
}

.brand[b-j20g7xbgrx] {
    display: flex;
    justify-content: center;
    margin-bottom: 28px;
}

.brand-icon[b-j20g7xbgrx] {
    width: 150px;
    height: 56px;
    object-fit: contain;
    display: block;
}

h1[b-j20g7xbgrx] {
    margin: 0 0 12px;
    color: #1f2940;
    font-size: 2.1rem;
    font-weight: 800;
    text-align: center;
}

.reset-subtitle[b-j20g7xbgrx],
.reset-note[b-j20g7xbgrx] {
    margin: 0 auto 26px;
    color: #64748b;
    font-size: 1rem;
    line-height: 1.6;
    text-align: center;
}

.reset-note[b-j20g7xbgrx] {
    margin-top: -10px;
}

.primary-link-btn[b-j20g7xbgrx] {
    width: 100%;
    min-height: 52px;
    border-radius: 999px;
    background: #5148f5;
    color: #fff;
    font-size: 1rem;
    font-weight: 800;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.success-mark[b-j20g7xbgrx] {
    width: 64px;
    height: 64px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background: #ecfdf3;
    color: #16a34a;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    font-weight: 900;
}

@media (max-width: 560px) {
    .reset-panel[b-j20g7xbgrx] {
        padding: 30px 22px;
    }

    h1[b-j20g7xbgrx] {
        font-size: 1.75rem;
    }
}
/* /Components/Pages/login/Merchant.razor.rz.scp.css */
.merchant-login-page[b-5s0gxgc34w] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: #f7f7fb;
    font-family: Arial, Helvetica, sans-serif;
}

/* Left Side */
.left-panel[b-5s0gxgc34w] {
    position: relative;
    overflow: hidden;
    background: url('/images/merchant-login-bg.jpg') center center / cover no-repeat;
    display: flex;
    align-items: center;
    padding: 70px 50px;
}

.left-overlay[b-5s0gxgc34w] {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(47, 53, 198, 0.82), rgba(42, 45, 180, 0.78));
}

.left-content[b-5s0gxgc34w] {
    position: relative;
    z-index: 2;
    max-width: 650px;
    color: #fff;
}

    .left-content h1[b-5s0gxgc34w] {
        margin: 0 0 8px;
        font-size: 3rem;
        font-weight: 700;
        line-height: 1.1;
    }

    .left-content h2[b-5s0gxgc34w] {
        margin: 0 0 26px;
        font-size: 3.4rem;
        font-weight: 800;
        line-height: 1.1;
    }

    .left-content p[b-5s0gxgc34w] {
        margin: 0;
        font-size: 1.25rem;
        line-height: 1.8;
        max-width: 760px;
        color: rgba(255, 255, 255, 0.92);
    }

.left-shape[b-5s0gxgc34w] {
    position: absolute;
    border-radius: 50%;
    z-index: 1;
    pointer-events: none;
}

.shape-one[b-5s0gxgc34w] {
    width: 620px;
    height: 620px;
    bottom: -240px;
    left: -160px;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.04);
}

.shape-two[b-5s0gxgc34w] {
    width: 700px;
    height: 700px;
    bottom: -380px;
    right: -220px;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.05);
}

/* Right Side */
.right-panel[b-5s0gxgc34w] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fafafb;
    padding: 40px;
}

.login-box[b-5s0gxgc34w] {
    width: 100%;
    max-width: 720px;
    padding: 20px 10px;
}

.brand[b-5s0gxgc34w] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 24px;
    font-weight: 800;
    font-size: 1.8rem;
    color: #2d56d8;
    letter-spacing: 0.5px;
}

.brand-icon[b-5s0gxgc34w] {
    width: 150px;
    height: 56px;
    object-fit: contain;
    display: block;
}

.login-box h3[b-5s0gxgc34w] {
    text-align: center;
    margin: 0 0 10px;
    color: #1f2940;
    font-size: 2.2rem;
    font-weight: 700;
}

.register-text[b-5s0gxgc34w] {
    text-align: center;
    margin: 0 0 34px;
    color: #5d6473;
    font-size: 1rem;
}

    .register-text a[b-5s0gxgc34w] {
        color: #5a54f9;
        text-decoration: none;
        font-weight: 500;
    }

        .register-text a:hover[b-5s0gxgc34w] {
            text-decoration: underline;
        }

/* Form */
.login-form[b-5s0gxgc34w] {
    width: 100%;
}

.form-group[b-5s0gxgc34w] {
    margin-bottom: 28px;
    width: 100%;
}

    .form-group label[b-5s0gxgc34w] {
        display: block;
        margin-bottom: 12px;
        color: #102347;
        font-size: 1rem;
        font-weight: 600;
        letter-spacing: 0.2px;
    }

.form-input[b-5s0gxgc34w] {
    display: block;
    width: 100%;
    min-width: 0;
    height: 52px;
    border: 1px solid #dbe3ef;
    border-radius: 12px;
    padding: 0 16px;
    font-size: 1rem;
    color: #101828;
    background: #ffffff;
    box-sizing: border-box;
    outline: none;
    transition: all 0.2s ease;
    appearance: none;
    -webkit-appearance: none;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
}

    .form-input[b-5s0gxgc34w]::placeholder {
        color: #9aa6b2;
    }

    .form-input:focus[b-5s0gxgc34w] {
        border-color: #4f46e5;
        box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.12);
    }

/* Password */
.password-wrapper[b-5s0gxgc34w] {
    position: relative;
    width: 100%;
}

.password-input[b-5s0gxgc34w] {
    width: 100%;
    padding-right: 58px;
}

.toggle-password[b-5s0gxgc34w] {
    position: absolute;
    top: 50%;
    right: 18px;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
    font-size: 1.05rem;
    opacity: 1;
}

    .toggle-password:hover[b-5s0gxgc34w] {
        color: #64748b;
    }

/* Remember + Forgot */
.form-row[b-5s0gxgc34w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 4px 0 30px;
    flex-wrap: wrap;
}

.remember-me[b-5s0gxgc34w] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #1f2940;
    font-size: 0.98rem;
    cursor: pointer;
}

.remember-checkbox[b-5s0gxgc34w] {
    width: 18px;
    height: 18px;
    accent-color: #4f46e5;
}

.forgot-link[b-5s0gxgc34w] {
    color: #5a54f9;
    text-decoration: none;
    font-size: 0.96rem;
    font-weight: 500;
}

    .forgot-link:hover[b-5s0gxgc34w] {
        text-decoration: underline;
    }

/* Button */
.sign-in-btn[b-5s0gxgc34w] {
    width: 100%;
    height: 64px;
    border: none;
    border-radius: 999px;
    background: linear-gradient(90deg, #5b4cf0, #4b46e5);
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.15s ease, opacity 0.2s ease;
    box-shadow: 0 10px 24px rgba(79, 70, 229, 0.22);
}

    .sign-in-btn:hover[b-5s0gxgc34w] {
        opacity: 0.96;
        transform: translateY(-1px);
    }

    .sign-in-btn:active[b-5s0gxgc34w] {
        transform: translateY(0);
    }

    .sign-in-btn:disabled[b-5s0gxgc34w] {
        opacity: 0.7;
        cursor: not-allowed;
    }

/* Blazor inputs */
[b-5s0gxgc34w] input.form-input {
    display: block;
    width: 100%;
    min-width: 0;
    height: 52px;
    border: 1px solid #dbe3ef;
    border-radius: 12px;
    padding: 0 16px;
    color: #101828;
    background: #fff;
    font-size: 1rem;
    outline: none;
    box-sizing: border-box;
}

[b-5s0gxgc34w] input.form-input:focus {
    border-color: #4f46e5;
    box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.12);
}

[b-5s0gxgc34w] .password-wrapper input.form-input {
    width: 100%;
    padding-right: 58px;
}

[b-5s0gxgc34w] input.remember-checkbox {
    width: 18px;
    height: 18px;
    margin: 0;
}


/* Responsive */
@media (max-width: 1200px) {
    .left-content h1[b-5s0gxgc34w] {
        font-size: 2.3rem;
    }

    .left-content h2[b-5s0gxgc34w] {
        font-size: 2.7rem;
    }

    .left-content p[b-5s0gxgc34w] {
        font-size: 1.05rem;
    }

    .login-box[b-5s0gxgc34w] {
        max-width: 560px;
    }
}

@media (max-width: 900px) {
    .merchant-login-page[b-5s0gxgc34w] {
        grid-template-columns: 1fr;
    }

    .left-panel[b-5s0gxgc34w] {
        min-height: 360px;
        padding: 40px 28px;
    }

    .right-panel[b-5s0gxgc34w] {
        padding: 30px 20px 40px;
    }

    .login-box[b-5s0gxgc34w] {
        max-width: 100%;
    }
}

@media (max-width: 600px) {
    .left-content h1[b-5s0gxgc34w] {
        font-size: 1.9rem;
    }

    .left-content h2[b-5s0gxgc34w] {
        font-size: 2.2rem;
    }

    .left-content p[b-5s0gxgc34w] {
        font-size: 0.96rem;
    }

    .form-row[b-5s0gxgc34w] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Pages/login/ResetPassword.razor.rz.scp.css */
.reset-page[b-xurd25rskb] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px 20px;
    background: #f5f7fb;
    font-family: Arial, Helvetica, sans-serif;
}

.reset-panel[b-xurd25rskb] {
    width: min(100%, 520px);
    background: #fff;
    border: 1px solid #e5eaf3;
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
    padding: 42px;
}

.brand[b-xurd25rskb] {
    display: flex;
    justify-content: center;
    margin-bottom: 28px;
}

.brand-icon[b-xurd25rskb] {
    width: 150px;
    height: 56px;
    object-fit: contain;
    display: block;
}

h1[b-xurd25rskb] {
    margin: 0 0 12px;
    color: #1f2940;
    font-size: 2.1rem;
    font-weight: 800;
    text-align: center;
}

.reset-subtitle[b-xurd25rskb] {
    margin: 0 auto 26px;
    color: #64748b;
    font-size: 1rem;
    line-height: 1.6;
    text-align: center;
}

.reset-panel[b-xurd25rskb]  .reset-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.form-group[b-xurd25rskb] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

label[b-xurd25rskb] {
    color: #1f2940;
    font-weight: 700;
}

.reset-panel[b-xurd25rskb]  .form-input {
    width: 100%;
    height: 52px;
    border: 1px solid #dbe3ef;
    border-radius: 12px;
    padding: 0 16px;
    color: #101828;
    font-size: 1rem;
    outline: none;
}

.reset-panel[b-xurd25rskb]  .form-input:focus {
    border-color: #4f46e5;
    box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.12);
}

.primary-btn[b-xurd25rskb] {
    width: 100%;
    min-height: 52px;
    border: 0;
    border-radius: 999px;
    background: #5148f5;
    color: #fff;
    font-size: 1rem;
    font-weight: 800;
}

.primary-btn:disabled[b-xurd25rskb] {
    opacity: 0.65;
    cursor: not-allowed;
}

.back-link[b-xurd25rskb] {
    display: block;
    margin-top: 22px;
    color: #5148f5;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
}

.error-box[b-xurd25rskb],
.success-box[b-xurd25rskb] {
    margin-bottom: 20px;
    padding: 14px 16px;
    border-radius: 12px;
    font-weight: 700;
    text-align: center;
}

.error-box[b-xurd25rskb] {
    background: #fff1f2;
    color: #be123c;
}

.success-box[b-xurd25rskb] {
    background: #ecfdf3;
    color: #027a48;
}

[b-xurd25rskb] .validation-message {
    color: #be123c;
    font-size: 0.9rem;
}

@media (max-width: 560px) {
    .reset-panel[b-xurd25rskb] {
        padding: 30px 22px;
    }

    h1[b-xurd25rskb] {
        font-size: 1.75rem;
    }
}
/* /Components/Pages/login/Vendor.razor.rz.scp.css */
.merchant-login-page[b-hpdmtsw701] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: #f7f7fb;
    font-family: Arial, Helvetica, sans-serif;
}

/* Left Side */
.left-panel[b-hpdmtsw701] {
    position: relative;
    overflow: hidden;
    background: url('/images/merchant-login-bg.jpg') center center / cover no-repeat;
    display: flex;
    align-items: center;
    padding: 70px 50px;
}

.left-overlay[b-hpdmtsw701] {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(47, 53, 198, 0.82), rgba(42, 45, 180, 0.78));
}

.left-content[b-hpdmtsw701] {
    position: relative;
    z-index: 2;
    max-width: 650px;
    color: #fff;
}

    .left-content h1[b-hpdmtsw701] {
        margin: 0 0 8px;
        font-size: 3rem;
        font-weight: 700;
        line-height: 1.1;
    }

    .left-content h2[b-hpdmtsw701] {
        margin: 0 0 26px;
        font-size: 3.4rem;
        font-weight: 800;
        line-height: 1.1;
    }

    .left-content p[b-hpdmtsw701] {
        margin: 0;
        font-size: 1.25rem;
        line-height: 1.8;
        max-width: 760px;
        color: rgba(255, 255, 255, 0.92);
    }

.left-shape[b-hpdmtsw701] {
    position: absolute;
    border-radius: 50%;
    z-index: 1;
    pointer-events: none;
}

.shape-one[b-hpdmtsw701] {
    width: 620px;
    height: 620px;
    bottom: -240px;
    left: -160px;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.04);
}

.shape-two[b-hpdmtsw701] {
    width: 700px;
    height: 700px;
    bottom: -380px;
    right: -220px;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.05);
}

/* Right Side */
.right-panel[b-hpdmtsw701] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fafafb;
    padding: 40px;
}

.login-box[b-hpdmtsw701] {
    width: 100%;
    max-width: 720px;
    padding: 20px 10px;
}

.brand[b-hpdmtsw701] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 24px;
    font-weight: 800;
    font-size: 1.8rem;
    color: #2d56d8;
    letter-spacing: 0.5px;
}

.brand-icon[b-hpdmtsw701] {
    width: 150px;
    height: 56px;
    object-fit: contain;
    display: block;
}

.login-box h3[b-hpdmtsw701] {
    text-align: center;
    margin: 0 0 10px;
    color: #1f2940;
    font-size: 2.2rem;
    font-weight: 700;
}

.register-text[b-hpdmtsw701] {
    text-align: center;
    margin: 0 0 34px;
    color: #5d6473;
    font-size: 1rem;
}

    .register-text a[b-hpdmtsw701] {
        color: #5a54f9;
        text-decoration: none;
        font-weight: 500;
    }

        .register-text a:hover[b-hpdmtsw701] {
            text-decoration: underline;
        }

/* Form */
.login-form[b-hpdmtsw701] {
    width: 100%;
}

.form-group[b-hpdmtsw701] {
    margin-bottom: 28px;
    width: 100%;
}

    .form-group label[b-hpdmtsw701] {
        display: block;
        margin-bottom: 12px;
        color: #102347;
        font-size: 1rem;
        font-weight: 600;
        letter-spacing: 0.2px;
    }

.form-input[b-hpdmtsw701] {
    display: block;
    width: 100%;
    min-width: 0;
    height: 52px;
    border: 1px solid #dbe3ef;
    border-radius: 12px;
    padding: 0 16px;
    font-size: 1rem;
    color: #101828;
    background: #ffffff;
    box-sizing: border-box;
    outline: none;
    transition: all 0.2s ease;
    appearance: none;
    -webkit-appearance: none;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
}

    .form-input[b-hpdmtsw701]::placeholder {
        color: #9aa6b2;
    }

    .form-input:focus[b-hpdmtsw701] {
        border-color: #4f46e5;
        box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.12);
    }

/* Password */
.password-wrapper[b-hpdmtsw701] {
    position: relative;
    width: 100%;
}

.password-input[b-hpdmtsw701] {
    width: 100%;
    padding-right: 58px;
}

.toggle-password[b-hpdmtsw701] {
    position: absolute;
    top: 50%;
    right: 18px;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
    font-size: 1.05rem;
    opacity: 1;
}

    .toggle-password:hover[b-hpdmtsw701] {
        color: #64748b;
    }

/* Remember + Forgot */
.form-row[b-hpdmtsw701] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 4px 0 30px;
    flex-wrap: wrap;
}

.remember-me[b-hpdmtsw701] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #1f2940;
    font-size: 0.98rem;
    cursor: pointer;
}

.remember-checkbox[b-hpdmtsw701] {
    width: 18px;
    height: 18px;
    accent-color: #4f46e5;
}

.forgot-link[b-hpdmtsw701] {
    color: #5a54f9;
    text-decoration: none;
    font-size: 0.96rem;
    font-weight: 500;
}

    .forgot-link:hover[b-hpdmtsw701] {
        text-decoration: underline;
    }

/* Button */
.sign-in-btn[b-hpdmtsw701] {
    width: 100%;
    height: 64px;
    border: none;
    border-radius: 999px;
    background: linear-gradient(90deg, #5b4cf0, #4b46e5);
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.15s ease, opacity 0.2s ease;
    box-shadow: 0 10px 24px rgba(79, 70, 229, 0.22);
}

    .sign-in-btn:hover[b-hpdmtsw701] {
        opacity: 0.96;
        transform: translateY(-1px);
    }

    .sign-in-btn:active[b-hpdmtsw701] {
        transform: translateY(0);
    }

    .sign-in-btn:disabled[b-hpdmtsw701] {
        opacity: 0.7;
        cursor: not-allowed;
    }

/* Blazor inputs */
[b-hpdmtsw701] input.form-input {
    display: block;
    width: 100%;
    min-width: 0;
    height: 52px;
    border: 1px solid #dbe3ef;
    border-radius: 12px;
    padding: 0 16px;
    color: #101828;
    background: #fff;
    font-size: 1rem;
    outline: none;
    box-sizing: border-box;
}

[b-hpdmtsw701] input.form-input:focus {
    border-color: #4f46e5;
    box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.12);
}

[b-hpdmtsw701] .password-wrapper input.form-input {
    width: 100%;
    padding-right: 58px;
}

[b-hpdmtsw701] input.remember-checkbox {
    width: 18px;
    height: 18px;
    margin: 0;
}


/* Responsive */
@media (max-width: 1200px) {
    .left-content h1[b-hpdmtsw701] {
        font-size: 2.3rem;
    }

    .left-content h2[b-hpdmtsw701] {
        font-size: 2.7rem;
    }

    .left-content p[b-hpdmtsw701] {
        font-size: 1.05rem;
    }

    .login-box[b-hpdmtsw701] {
        max-width: 560px;
    }
}

@media (max-width: 900px) {
    .merchant-login-page[b-hpdmtsw701] {
        grid-template-columns: 1fr;
    }

    .left-panel[b-hpdmtsw701] {
        min-height: 360px;
        padding: 40px 28px;
    }

    .right-panel[b-hpdmtsw701] {
        padding: 30px 20px 40px;
    }

    .login-box[b-hpdmtsw701] {
        max-width: 100%;
    }
}

@media (max-width: 600px) {
    .left-content h1[b-hpdmtsw701] {
        font-size: 1.9rem;
    }

    .left-content h2[b-hpdmtsw701] {
        font-size: 2.2rem;
    }

    .left-content p[b-hpdmtsw701] {
        font-size: 0.96rem;
    }

    .form-row[b-hpdmtsw701] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Pages/Merchant/Dashboard.razor.rz.scp.css */
.dashboard-page[b-v13f657die] {
    color: #1f2940;
}

.welcome-banner[b-v13f657die] {
    min-height: 130px;
    background: white;
    border: 1px solid #e7ebf3;
    border-radius: 0;
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 0 28px;
    margin-bottom: 28px;
}

.welcome-icon[b-v13f657die] {
    font-size: 2.8rem;
    color: #7b8599;
}

.welcome-banner h1[b-v13f657die] {
    margin: 0;
    font-size: 2.2rem;
    font-weight: 700;
}

.dashboard-tabs[b-v13f657die] {
    border-bottom: 1px solid #e7ebf3;
    margin-bottom: 22px;
}

.tab[b-v13f657die] {
    display: inline-block;
    padding: 0 22px 12px;
    color: #5f61ff;
    font-size: 0.96rem;
    text-decoration: none;
    border-bottom: 3px solid #5f61ff;
}

.cards-grid[b-v13f657die] {
    display: grid;
    grid-template-columns: repeat(4, minmax(220px, 1fr));
    gap: 18px;
}

.stat-card[b-v13f657die] {
    background: white;
    border: 1px solid #edf0f6;
    border-radius: 18px;
    padding: 20px 22px;
    min-height: 170px;
    box-shadow: 0 2px 8px rgba(21, 31, 56, 0.03);
}

.card-head[b-v13f657die] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #1f2940;
    font-weight: 600;
    margin-bottom: 18px;
}

.stat-number[b-v13f657die] {
    text-align: center;
    font-size: 4rem;
    font-weight: 800;
    line-height: 1;
    margin-top: 10px;
}

.stat-label[b-v13f657die] {
    text-align: center;
    font-size: 1.05rem;
    margin-top: 6px;
    font-weight: 500;
}

.stat-foot[b-v13f657die] {
    text-align: center;
    margin-top: 26px;
    color: #77809a;
    font-size: 0.95rem;
}

.blue[b-v13f657die] {
    color: #4285f4;
}

.red[b-v13f657die] {
    color: #ef4444;
}

.orange[b-v13f657die] {
    color: #f59e0b;
}

.green[b-v13f657die] {
    color: #22c55e;
}

@media (max-width: 1200px) {
    .cards-grid[b-v13f657die] {
        grid-template-columns: repeat(2, minmax(220px, 1fr));
    }
}

@media (max-width: 700px) {
    .welcome-banner h1[b-v13f657die] {
        font-size: 1.5rem;
    }

    .cards-grid[b-v13f657die] {
        grid-template-columns: 1fr;
    }
}


/* /Components/Pages/Merchant/Employees.razor.rz.scp.css */
.employee-wrapper[b-5to0hgas15] {
    display: flex;
    min-height: calc(100vh - 70px);
    background: #f8f9fc;
}

.employee-main[b-5to0hgas15] {
    flex: 1;
    padding: 18px 22px 0 22px;
    transition: all .25s ease;
    overflow: hidden;
}

    .employee-main.shrink[b-5to0hgas15] {
        width: calc(100% - 450px);
    }

.page-title[b-5to0hgas15] {
    margin: 0 0 18px 0;
    font-size: 28px;
    font-weight: 700;
    color: #1e2a44;
}

.toolbar[b-5to0hgas15] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.toolbar-actions[b-5to0hgas15] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.employee-alert[b-5to0hgas15] {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 48px;
    margin-bottom: 16px;
    padding: 12px 14px;
    gap: 10px;
    border: 1px solid #bfdbfe;
    border-radius: 12px;
    background: #eff6ff;
    color: #1d4ed8;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 600;
}

.employee-alert.success[b-5to0hgas15] { border-color: #bbf7d0; background: #f0fdf4; color: #15803d; }
.employee-alert.warning[b-5to0hgas15] { border-color: #fde68a; background: #fffbeb; color: #92400e; }
.employee-alert.error[b-5to0hgas15] { border-color: #fecaca; background: #fef2f2; color: #b91c1c; }
.alert-icon[b-5to0hgas15] { flex: 0 0 auto; font-size: 18px; }
.alert-text[b-5to0hgas15] { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.alert-dismiss[b-5to0hgas15] {
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: inherit;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}
.alert-dismiss:hover[b-5to0hgas15] { background: rgba(15, 23, 42, .06); }

.icon-circle-btn[b-5to0hgas15] {
    width: 54px;
    height: 40px;
    border-radius: 22px;
    border: 1px solid #dce2ee;
    background: #fff;
    cursor: pointer;
    font-size: 18px;
}

.dark-btn[b-5to0hgas15],
.purple-btn[b-5to0hgas15] {
    height: 40px;
    padding: 0 22px;
    border: none;
    border-radius: 22px;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    font-size: 15px;
}

.dark-btn[b-5to0hgas15] {
    background: #182543;
}

.purple-btn[b-5to0hgas15] {
    background: #5b52f6;
}

.btn-icon[b-5to0hgas15] {
    margin-right: 6px;
}

.table-card[b-5to0hgas15] {
    background: #fff;
    border: 1px solid #e6ebf3;
    overflow-x: auto;
}

.employee-table[b-5to0hgas15] {
    width: 100%;
    border-collapse: collapse;
}

    .employee-table thead[b-5to0hgas15] {
        background: #f4f7fb;
    }

    .employee-table th[b-5to0hgas15] {
        text-align: left;
        padding: 16px 20px;
        font-size: 14px;
        font-weight: 600;
        color: #67748d;
        border-bottom: 1px solid #e8edf5;
    }

    .employee-table td[b-5to0hgas15] {
        padding: 15px 20px;
        font-size: 15px;
        color: #27324a;
        border-bottom: 1px solid #eef2f7;
    }

.email-cell[b-5to0hgas15] {
    max-width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.empty-cell[b-5to0hgas15] {
    text-align: center;
    color: #7a879d;
}

.status-badge[b-5to0hgas15] {
    display: inline-block;
    padding: 5px 14px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
}

    .status-badge.active[b-5to0hgas15] {
        background: #daf5e3;
        color: #249851;
    }

    .status-badge.inactive[b-5to0hgas15] {
        background: #ffe0e0;
        color: #cc4343;
    }

.action-select[b-5to0hgas15] {
    height: 40px;
    min-width: 128px;
    border-radius: 999px;
    border: 1px solid #d7dfec;
    background: #fff;
    color: #17233d;
    padding: 0 38px 0 18px;
    cursor: pointer;
    font-weight: 700;
    font-size: 14px;
    outline: none;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    transition: border-color .15s ease, box-shadow .15s ease;
}

    .action-select:hover[b-5to0hgas15],
    .action-select:focus[b-5to0hgas15] {
        border-color: #5b52f6;
        box-shadow: 0 0 0 3px rgba(91, 82, 246, 0.12);
    }

.pagination-bar[b-5to0hgas15] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border: 1px solid #e6ebf3;
    border-top: none;
    padding: 14px 16px;
    font-size: 14px;
    color: #67748d;
}

.items-per-page[b-5to0hgas15] {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .items-per-page select[b-5to0hgas15] {
        height: 36px;
        border: 1px solid #dbe2ec;
        border-radius: 6px;
        padding: 0 10px;
        background: #fff;
    }

.page-info[b-5to0hgas15] {
    flex: 1;
    text-align: center;
}

.pager-buttons[b-5to0hgas15] {
    display: flex;
    gap: 6px;
}

.pager-btn[b-5to0hgas15] {
    width: 32px;
    height: 32px;
    border: 1px solid #dbe2ec;
    background: #f8fafd;
    color: #a1aabc;
    border-radius: 6px;
}

.right-panel[b-5to0hgas15] {
    width: 450px;
    min-width: 450px;
    background: #fff;
    border-left: 1px solid #e6ebf3;
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 70px);
}

.right-panel-header[b-5to0hgas15] {
    height: 58px;
    padding: 0 24px;
    border-bottom: 1px solid #e8edf5;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .right-panel-header h3[b-5to0hgas15] {
        margin: 0;
        font-size: 18px;
        color: #27324a;
    }

.close-btn[b-5to0hgas15] {
    border: none;
    background: transparent;
    font-size: 22px;
    cursor: pointer;
    color: #7a879d;
}

.right-panel-body[b-5to0hgas15] {
    flex: 1;
    padding: 18px 24px;
    overflow-y: auto;
}

.upload-box[b-5to0hgas15] {
    width: 110px;
    height: 110px;
    background: #cfd6e2;
    border-radius: 14px;
    margin-bottom: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.upload-actions[b-5to0hgas15] {
    display: flex;
    gap: 14px;
    font-size: 20px;
    color: #fff;
}

.form-group[b-5to0hgas15] {
    margin-bottom: 16px;
}

    .form-group label[b-5to0hgas15] {
        display: block;
        margin-bottom: 7px;
        font-size: 14px;
        font-weight: 600;
        color: #2d3951;
    }

.form-input[b-5to0hgas15],
input.form-input[b-5to0hgas15],
select.form-input[b-5to0hgas15] {
    width: 100% !important;
    height: 44px !important;
    border: 1px solid #dce2ee !important;
    border-radius: 8px !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    outline: none !important;
    box-sizing: border-box !important;
    background: #fff !important;
}

[b-5to0hgas15] .form-input,
[b-5to0hgas15] input.form-input,
[b-5to0hgas15] select.form-input {
    width: 100% !important;
    height: 44px !important;
    border: 1px solid #dce2ee !important;
    border-radius: 8px !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    outline: none !important;
    box-sizing: border-box !important;
    background: #fff !important;
}

[b-5to0hgas15] input[type="date"].form-input {
    max-width: 100% !important;
}

select.form-input[b-5to0hgas15] {
    appearance: auto;
}

.switch-row[b-5to0hgas15] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 6px;
    font-size: 14px;
    font-weight: 600;
    color: #2d3951;
}

.right-panel-footer[b-5to0hgas15] {
    border-top: 1px solid #e8edf5;
    padding: 16px 24px;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    background: #fff;
}

.cancel-btn[b-5to0hgas15] {
    border: none;
    background: transparent;
    color: #2f3b54;
    font-weight: 600;
    cursor: pointer;
    padding: 10px 14px;
}

.save-btn[b-5to0hgas15] {
    min-width: 90px;
    height: 38px;
    border: none;
    border-radius: 20px;
    background: #e4e8f2;
    color: #94a0b5;
    font-weight: 700;
    cursor: pointer;
}

    .save-btn:hover[b-5to0hgas15] {
        background: #5b52f6;
        color: #fff;
    }
/* /Components/Pages/Merchant/Management.razor.rz.scp.css */
.management-page[b-0bp2g8fnp9] {
    color: #1f2940;
}

.page-header[b-0bp2g8fnp9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 22px;
}

    .page-header h1[b-0bp2g8fnp9] {
        margin: 0;
        font-size: 2rem;
        font-weight: 700;
        color: #22304d;
    }

.header-actions[b-0bp2g8fnp9] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.refresh-btn[b-0bp2g8fnp9],
.filter-btn[b-0bp2g8fnp9],
.add-btn[b-0bp2g8fnp9] {
    height: 44px;
    border-radius: 999px;
    border: 1px solid #d8dfeb;
    background: white;
    color: #1f2940;
    padding: 0 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
    transition: 0.2s ease;
}

.refresh-btn[b-0bp2g8fnp9] {
    width: 58px;
    padding: 0;
    font-size: 1.2rem;
}

.filter-btn[b-0bp2g8fnp9] {
    background: #13234b;
    color: white;
    border-color: #13234b;
}

.add-btn[b-0bp2g8fnp9] {
    background: #5b57f4;
    color: white;
    border-color: #5b57f4;
    min-width: 105px;
}

    .refresh-btn:hover[b-0bp2g8fnp9],
    .filter-btn:hover[b-0bp2g8fnp9],
    .add-btn:hover[b-0bp2g8fnp9] {
        opacity: 0.92;
    }

.table-card[b-0bp2g8fnp9] {
    background: white;
    border: 1px solid #e5ebf4;
    overflow: hidden;
}

.management-table[b-0bp2g8fnp9] {
    width: 100%;
    border-collapse: collapse;
}

    .management-table thead th[b-0bp2g8fnp9] {
        background: #f8fafc;
        color: #64748b;
        font-size: 0.98rem;
        font-weight: 700;
        text-align: left;
        padding: 18px 20px;
        border-bottom: 1px solid #e7ebf3;
    }

    .management-table tbody td[b-0bp2g8fnp9] {
        padding: 16px 20px;
        border-bottom: 1px solid #edf1f7;
        color: #24324a;
        font-size: 1rem;
        vertical-align: middle;
    }

    .management-table tbody tr:hover[b-0bp2g8fnp9] {
        background: #fcfdff;
    }

.check-col[b-0bp2g8fnp9] {
    text-align: center;
    width: 90px;
}

    .check-col input[type="checkbox"][b-0bp2g8fnp9] {
        width: 18px;
        height: 18px;
        cursor: pointer;
    }

.status-badge[b-0bp2g8fnp9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 76px;
    height: 34px;
    padding: 0 16px;
    border-radius: 999px;
    font-size: 0.95rem;
    font-weight: 700;
}

    .status-badge.active[b-0bp2g8fnp9] {
        background: #dcf4e5;
        color: #1f9d55;
    }

    .status-badge.inactive[b-0bp2g8fnp9] {
        background: #f3f4f6;
        color: #6b7280;
    }

.action-select[b-0bp2g8fnp9] {
    min-width: 92px;
    height: 38px;
    border: 1px solid #d7deea;
    border-radius: 999px;
    background: white;
    padding: 0 12px;
    color: #1f2940;
    outline: none;
}

.table-footer[b-0bp2g8fnp9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 18px;
    background: white;
}

.footer-left[b-0bp2g8fnp9],
.footer-center[b-0bp2g8fnp9],
.footer-right[b-0bp2g8fnp9] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #64748b;
}

.page-select[b-0bp2g8fnp9] {
    height: 40px;
    border: 1px solid #d7deea;
    border-radius: 10px;
    padding: 0 12px;
    background: white;
}

.pager-btn[b-0bp2g8fnp9] {
    width: 38px;
    height: 38px;
    border: 1px solid #d7deea;
    background: #f8fafc;
    color: #94a3b8;
    border-radius: 8px;
    cursor: pointer;
}

.empty-row[b-0bp2g8fnp9] {
    text-align: center;
    color: #7b8599;
    padding: 28px 20px !important;
}

@media (max-width: 1200px) {
    .table-card[b-0bp2g8fnp9] {
        overflow-x: auto;
    }

    .management-table[b-0bp2g8fnp9] {
        min-width: 1200px;
    }
}

@media (max-width: 700px) {
    .page-header[b-0bp2g8fnp9] {
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
    }

    .header-actions[b-0bp2g8fnp9] {
        justify-content: flex-end;
        flex-wrap: wrap;
    }

    .table-footer[b-0bp2g8fnp9] {
        flex-direction: column;
        gap: 14px;
        align-items: flex-start;
    }
}
/* /Components/Pages/Merchant/MerchantLayout.razor.rz.scp.css */
.vendor-shell[b-r08o4mhidw] {
    display: flex;
    min-height: 100vh;
    background: #f6f7fb;
    font-family: Arial, Helvetica, sans-serif;
}

.vendor-sidebar[b-r08o4mhidw] {
    width: 250px;
    background: linear-gradient(180deg, #08142f 0%, #07112a 100%);
    color: white;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}

.brand[b-r08o4mhidw] {
    height: 78px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 24px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    cursor: pointer;
    font-weight: 800;
    letter-spacing: 0.5px;
}

.brand-icon[b-r08o4mhidw] {
    width: 118px;
    height: 44px;
    object-fit: contain;
    display: block;
}

.vendor-menu[b-r08o4mhidw] {
    padding: 14px 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.menu-item[b-r08o4mhidw] {
    display: flex;
    align-items: center;
    gap: 14px;
    color: #d9e0f0;
    text-decoration: none;
    padding: 12px 14px;
    border-radius: 10px;
    font-size: 0.98rem;
    transition: 0.2s ease;
}

    .menu-item:hover[b-r08o4mhidw] {
        background: rgba(255,255,255,0.08);
        color: #fff;
    }

    .menu-item.active[b-r08o4mhidw] {
        background: rgba(255,255,255,0.12);
        color: white;
    }

.menu-icon[b-r08o4mhidw] {
    width: 20px;
    text-align: center;
}

.vendor-main[b-r08o4mhidw] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.vendor-topbar[b-r08o4mhidw] {
    height: 64px;
    background: white;
    border-bottom: 1px solid #e7ebf3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px;
}

.topbar-actions[b-r08o4mhidw] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.icon-btn[b-r08o4mhidw] {
    border: none;
    background: transparent;
    font-size: 1.1rem;
    cursor: pointer;
}

.vendor-content[b-r08o4mhidw] {
    padding: 28px 26px 40px;
}

@media (max-width: 900px) {
    .vendor-sidebar[b-r08o4mhidw] {
        width: 88px;
    }

    .brand span[b-r08o4mhidw],
    .menu-item span:last-child[b-r08o4mhidw] {
        display: none;
    }

    .menu-item[b-r08o4mhidw] {
        justify-content: center;
    }
}

[b-r08o4mhidw] .vendor-sidebar .menu-item,
[b-r08o4mhidw] .vendor-sidebar .menu-item:link,
[b-r08o4mhidw] .vendor-sidebar .menu-item:visited {
    display: flex;
    align-items: center;
    gap: 14px;
    color: #d9e0f0 !important;
    text-decoration: none !important;
    padding: 12px 14px;
    border-radius: 10px;
    font-size: 16px;
}

    [b-r08o4mhidw] .vendor-sidebar .menu-item:hover {
        background: rgba(255,255,255,0.08);
        color: #fff !important;
    }

    [b-r08o4mhidw] .vendor-sidebar .menu-item.active {
        background: rgba(255,255,255,0.12);
        color: #fff !important;
    }


.menu-icon[b-r08o4mhidw] {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .menu-icon svg[b-r08o4mhidw] {
        width: 20px;
        height: 20px;
        stroke: #cfd6e6;
        stroke-width: 1.8;
    }

/* عند hover */
.menu-item:hover .menu-icon svg[b-r08o4mhidw] {
    stroke: white;
}

/* العنصر النشط */
.menu-item.active .menu-icon svg[b-r08o4mhidw] {
    stroke: white;
}


.topbar-account[b-r08o4mhidw] {
    position: relative;
}

.account-btn[b-r08o4mhidw] {
    width: 42px;
    height: 42px;
    border: 1px solid #dce3ef;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
}

    .account-btn:hover[b-r08o4mhidw] {
        background: #f7f9fc;
    }

.account-avatar[b-r08o4mhidw] {
    font-size: 1.3rem;
    line-height: 1;
}

.profile-backdrop[b-r08o4mhidw] {
    position: fixed;
    inset: 0;
    background: transparent;
    z-index: 9998;
}

.profile-dropdown[b-r08o4mhidw] {
    position: absolute;
    top: 52px;
    right: 0;
    width: 360px;
    background: white;
    border: 1px solid #e6ebf3;
    border-radius: 14px;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.16);
    overflow: hidden;
    z-index: 9999;
}

.profile-header[b-r08o4mhidw] {
    padding: 24px 26px 18px;
    border-bottom: 1px solid #edf1f7;
}

.profile-title[b-r08o4mhidw] {
    font-size: 1rem;
    color: #334155;
    margin-bottom: 6px;
}

.profile-email[b-r08o4mhidw] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #1f2940;
    word-break: break-word;
}

.profile-item[b-r08o4mhidw] {
    width: 100%;
    border: none;
    background: white;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 22px 26px;
    text-decoration: none;
    color: #24324a;
    font-size: 1.05rem;
    cursor: pointer;
    text-align: left;
    border-bottom: 1px solid #edf1f7;
    font-family: inherit;
}

    .profile-item:last-child[b-r08o4mhidw] {
        border-bottom: none;
    }

    .profile-item:hover[b-r08o4mhidw] {
        background: #f8fafc;
    }

.profile-item-icon[b-r08o4mhidw] {
    width: 28px;
    text-align: center;
    font-size: 1.35rem;
    color: #64748b;
}

.logout-btn[b-r08o4mhidw] {
    width: 100%;
    border: none;
    background: transparent;
    font-family: inherit;
    cursor: pointer;
    text-align: left;
}

.logout-btn.active[b-r08o4mhidw],
.logout-btn:focus[b-r08o4mhidw],
.logout-btn:active[b-r08o4mhidw] {
    background: transparent !important;
    color: #d9e0f0 !important;
    outline: none;
}
/* /Components/Pages/Merchant/Packages.razor.rz.scp.css */
.packages-page[b-9d007a8tfj] {
    color: #1f2940;
}

.packages-header[b-9d007a8tfj],
.add-header[b-9d007a8tfj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
}

.packages-header h1[b-9d007a8tfj],
.add-header h2[b-9d007a8tfj] {
    margin: 0;
    font-size: 2.2rem;
    font-weight: 800;
}

.header-actions[b-9d007a8tfj] {
    display: flex;
    gap: 12px;
}

.refresh-btn[b-9d007a8tfj],
.filter-btn[b-9d007a8tfj],
.add-btn[b-9d007a8tfj],
.save-btn[b-9d007a8tfj],
.cancel-btn[b-9d007a8tfj] {
    height: 42px;
    border: none;
    border-radius: 999px;
    padding: 0 24px;
    font-weight: 700;
    cursor: pointer;
}

.refresh-btn[b-9d007a8tfj] {
    background: white;
    border: 1px solid #d8e0ec;
}

.filter-btn[b-9d007a8tfj] {
    background: #17233d;
    color: white;
}

.add-btn[b-9d007a8tfj],
.save-btn[b-9d007a8tfj] {
    background: #5b4df2;
    color: white;
}

.cancel-btn[b-9d007a8tfj] {
    background: transparent;
}

.table-wrapper[b-9d007a8tfj],
.items-card[b-9d007a8tfj],
.form-card[b-9d007a8tfj] {
    background: white;
    border: 1px solid #e8edf5;
    border-radius: 16px;
}

.table-wrapper[b-9d007a8tfj] {
    overflow-x: auto;
}

.packages-table[b-9d007a8tfj],
.items-table[b-9d007a8tfj] {
    width: 100%;
    border-collapse: collapse;
}

.packages-table[b-9d007a8tfj] {
    min-width: 1300px;
}

.packages-table th[b-9d007a8tfj],
.items-table th[b-9d007a8tfj] {
    background: #f6f8fb;
    color: #607089;
    text-align: left;
    padding: 16px;
}

.packages-table td[b-9d007a8tfj],
.items-table td[b-9d007a8tfj] {
    padding: 14px 16px;
    border-bottom: 1px solid #eef2f6;
}

.status-badge[b-9d007a8tfj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 92px;
    height: 30px;
    padding: 0 14px;
    border-radius: 999px;
    font-weight: 700;
    background: #eef2f7;
    color: #475467;
}

    .status-badge.received[b-9d007a8tfj] {
        background: #dff3e7;
        color: #15803d;
    }

    .status-badge.approved[b-9d007a8tfj] {
        background: #dbeafe;
        color: #2563eb;
    }

    .status-badge.pending[b-9d007a8tfj] {
        background: #ffe8cc;
        color: #f97316;
    }

    .status-badge.rejected[b-9d007a8tfj] {
        background: #fee2e2;
        color: #dc2626;
    }

.add-package-page[b-9d007a8tfj] {
    background: #f6f8fb;
}

.cards-grid[b-9d007a8tfj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
}

.form-card[b-9d007a8tfj] {
    padding: 20px;
}

.form-card h3[b-9d007a8tfj],
.items-card h3[b-9d007a8tfj] {
    margin: 0 0 16px;
}

.grid-2[b-9d007a8tfj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.form-group[b-9d007a8tfj] {
    margin-bottom: 14px;
}

.form-group label[b-9d007a8tfj] {
    display: block;
    margin-bottom: 7px;
    font-weight: 700;
}

.form-control[b-9d007a8tfj] {
    width: 100%;
    height: 46px;
    border: 1px solid #d8e0ec;
    border-radius: 10px;
    padding: 0 14px;
    box-sizing: border-box;
}

.textarea[b-9d007a8tfj] {
    height: 86px;
    padding-top: 12px;
}

.vendor-layout[b-9d007a8tfj] {
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 16px;
}

.avatar-box[b-9d007a8tfj] {
    width: 90px;
    height: 90px;
    background: #d8dee8;
    border-radius: 12px;
}

.items-card[b-9d007a8tfj] {
    padding: 20px;
    margin-top: 24px;
}

.items-header[b-9d007a8tfj] {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.search-box[b-9d007a8tfj] {
    width: 300px;
}

.round-add[b-9d007a8tfj] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: none;
    background: #5b4df2;
    color: white;
    font-size: 1.5rem;
    margin: 18px 0;
    cursor: pointer;
}

.table-input[b-9d007a8tfj] {
    width: 100%;
    height: 36px;
    border: 1px solid #d8e0ec;
    border-radius: 8px;
    padding: 0 8px;
}

.delete-btn[b-9d007a8tfj] {
    border: none;
    border-radius: 8px;
    background: #fee2e2;
    color: #dc2626;
    padding: 8px 12px;
    cursor: pointer;
}

.empty-cell[b-9d007a8tfj] {
    text-align: center;
    color: #7b8799;
}

.footer-actions[b-9d007a8tfj] {
    display: flex;
    justify-content: flex-end;
    gap: 16px;
    margin-top: 22px;
}

.close-btn[b-9d007a8tfj] {
    border: none;
    background: transparent;
    font-size: 2rem;
    cursor: pointer;
}

.action-buttons[b-9d007a8tfj] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.view-btn[b-9d007a8tfj],
.delete-btn-modern[b-9d007a8tfj] {
    border: none;
    border-radius: 10px;
    padding: 10px 18px;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    transition: all .2s ease;
}

.view-btn[b-9d007a8tfj] {
    background: #17233d;
    color: white;
}

    .view-btn:hover[b-9d007a8tfj] {
        background: #243656;
        transform: translateY(-1px);
    }

.delete-btn-modern[b-9d007a8tfj] {
    background: #fee2e2;
    color: #dc2626;
}

    .delete-btn-modern:hover[b-9d007a8tfj] {
        background: #fecaca;
        transform: translateY(-1px);
    }
/* /Components/Pages/Merchant/Profile.razor.rz.scp.css */
.profile-page[b-m7j8ztssj8] {
    padding: 32px;
}

.profile-card[b-m7j8ztssj8] {
    max-width: 720px;
    background: white;
    border-radius: 24px;
    padding: 36px;
    box-shadow: 0 16px 40px rgba(15, 23, 42, .08);
}

.profile-avatar-large[b-m7j8ztssj8] {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: #eef2ff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    font-size: 42px;
}

.profile-card h1[b-m7j8ztssj8] {
    margin: 0 0 28px;
    color: #17233d;
}

.profile-grid[b-m7j8ztssj8] {
    display: grid;
    gap: 18px;
}

.profile-field label[b-m7j8ztssj8] {
    display: block;
    font-weight: 700;
    margin-bottom: 8px;
    color: #17233d;
}

.profile-field input[b-m7j8ztssj8] {
    width: 100%;
    height: 50px;
    border: 1px solid #d8e0ec;
    border-radius: 12px;
    padding: 0 14px;
    font-size: 15px;
    background: #f8fafc;
}
/* /Components/Pages/Merchant/Purchases.razor.rz.scp.css */
.purchases-page[b-2egqd1dpy5] {
    color: #1f2940;
}

.purchases-header[b-2egqd1dpy5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
}

    .purchases-header h1[b-2egqd1dpy5] {
        margin: 0;
        font-size: 2.2rem;
        font-weight: 800;
    }

.table-wrapper[b-2egqd1dpy5] {
    background: white;
    border: 1px solid #e8edf5;
    border-radius: 16px;
    overflow-x: auto;
}

.purchases-table[b-2egqd1dpy5] {
    width: 100%;
    border-collapse: collapse;
    min-width: 1200px;
}

    .purchases-table th[b-2egqd1dpy5] {
        background: #f6f8fb;
        color: #607089;
        text-align: left;
        padding: 16px;
        font-weight: 800;
    }

    .purchases-table td[b-2egqd1dpy5] {
        padding: 18px 16px;
        border-bottom: 1px solid #eef2f6;
        color: #13213a;
        font-weight: 500;
    }

    .purchases-table tr:last-child td[b-2egqd1dpy5] {
        border-bottom: none;
    }

.total-price[b-2egqd1dpy5] {
    font-weight: 800;
    color: #17233d;
}

.empty-cell[b-2egqd1dpy5] {
    text-align: center;
    color: #7b8799;
    padding: 28px !important;
}

.status-badge[b-2egqd1dpy5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 92px;
    height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 0.9rem;
    font-weight: 800;
}

    .status-badge.received[b-2egqd1dpy5] {
        background: #dff3e7;
        color: #15803d;
    }

    .status-badge.sold[b-2egqd1dpy5] {
        background: #dbeafe;
        color: #2563eb;
    }

    .status-badge.pending[b-2egqd1dpy5] {
        background: #ffe8cc;
        color: #f97316;
    }

    .status-badge.neutral[b-2egqd1dpy5] {
        background: #eef2f7;
        color: #475467;
    }

@media (max-width: 900px) {
    .table-wrapper[b-2egqd1dpy5] {
        overflow-x: auto;
    }

    .purchases-header h1[b-2egqd1dpy5] {
        font-size: 1.8rem;
    }
}
/* /Components/Pages/Merchant/Report.razor.rz.scp.css */
.vendor-report-page[b-hx222hz8vi] {
    font-family: Arial, Helvetica, sans-serif;
    color: #1f2940;
}

.report-header[b-hx222hz8vi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
    flex-wrap: wrap;
}

    .report-header h1[b-hx222hz8vi] {
        margin: 0;
        font-size: 2.2rem;
        font-weight: 800;
        color: #1f2940;
    }

.report-actions[b-hx222hz8vi] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.report-tabs[b-hx222hz8vi] {
    display: flex;
    margin-bottom: 20px;
    border-bottom: 1px solid #e4ebf5;
}

.report-tab[b-hx222hz8vi] {
    display: inline-block;
    padding: 12px 20px;
    border-bottom: 3px solid transparent;
    color: #66758f;
    font-weight: 700;
}

.report-tab.active[b-hx222hz8vi] {
    color: #5148f5;
    border-bottom-color: #5148f5;
}

.report-message[b-hx222hz8vi] {
    margin-bottom: 18px;
    padding: 12px 16px;
    border-radius: 10px;
}

.report-message.error[b-hx222hz8vi] {
    background: #fff1f2;
    color: #be123c;
}

.icon-btn[b-hx222hz8vi],
.filter-btn[b-hx222hz8vi] {
    height: 40px;
    border-radius: 999px;
    border: 1px solid #d9e2ef;
    background: #fff;
    color: #1f2940;
    cursor: pointer;
    font-size: 0.95rem;
    font-weight: 700;
    transition: 0.2s ease;
}

.icon-btn[b-hx222hz8vi] {
    min-width: 58px;
    padding: 0 16px;
}

.filter-btn[b-hx222hz8vi] {
    padding: 0 22px;
    background: #172554;
    border-color: #172554;
    color: #fff;
}

    .icon-btn:hover[b-hx222hz8vi],
    .filter-btn:hover[b-hx222hz8vi] {
        transform: translateY(-1px);
    }

.report-table-wrapper[b-hx222hz8vi] {
    background: #fff;
    border: 1px solid #e4ebf5;
    overflow-x: auto;
}

.report-table[b-hx222hz8vi] {
    width: 100%;
    border-collapse: collapse;
    min-width: 1000px;
}

.purchase-report-table[b-hx222hz8vi] {
    min-width: 1720px;
}

.invoice-download-btn[b-hx222hz8vi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 88px;
    height: 36px;
    padding: 0 13px;
    border: 1px solid #d8d5ff;
    border-radius: 9px;
    background: #f1f0ff;
    color: #5148f5;
    font-weight: 700;
    cursor: pointer;
}

.invoice-download-btn:hover:not(:disabled)[b-hx222hz8vi] {
    background: #5148f5;
    color: #fff;
}

.invoice-download-btn:disabled[b-hx222hz8vi] {
    cursor: wait;
    opacity: 0.65;
}

    .report-table thead th[b-hx222hz8vi] {
        text-align: left;
        padding: 18px 12px;
        background: #f8fbff;
        color: #66758f;
        font-size: 0.98rem;
        font-weight: 700;
        border-bottom: 1px solid #e7edf6;
    }

    .report-table tbody td[b-hx222hz8vi] {
        padding: 16px 12px;
        font-size: 1rem;
        color: #344054;
        border-bottom: 1px solid #edf2f8;
    }

.empty-cell[b-hx222hz8vi] {
    text-align: center;
    color: #7b8799;
    padding: 30px 20px !important;
}

.status-badge[b-hx222hz8vi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 96px;
    height: 30px;
    padding: 0 14px;
    border-radius: 999px;
    font-size: 0.9rem;
    font-weight: 700;
}

    .status-badge.received[b-hx222hz8vi] {
        background: #dff3e7;
        color: #15803d;
    }

    .status-badge.pending[b-hx222hz8vi] {
        background: #fff4cc;
        color: #b58105;
    }

    .status-badge.rejected[b-hx222hz8vi] {
        background: #fee2e2;
        color: #dc2626;
    }

    .status-badge.approved[b-hx222hz8vi] {
        background: #dbeafe;
        color: #2563eb;
    }

    .status-badge.neutral[b-hx222hz8vi] {
        background: #eef2f7;
        color: #475467;
    }

    .status-badge.pending[b-hx222hz8vi] {
        background: #ffe8cc;
        color: #f97316; /* برتقالي قوي */
    }


@media (max-width: 900px) {
    .report-header[b-hx222hz8vi] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/Merchant/Subscriptions.razor.rz.scp.css */
.subscriptions-page[b-7kihzxqi7k] {
    padding: 4px 0 22px;
    color: #0b3f57;
}

.subscriptions-header[b-7kihzxqi7k] {
    text-align: center;
    margin-bottom: 18px;
}

    .subscriptions-header h1[b-7kihzxqi7k] {
        margin: 0 0 14px;
        font-size: 2.35rem;
        line-height: 1.2;
        font-weight: 800;
        color: #0d5f73;
    }

.billing-switch-wrap[b-7kihzxqi7k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.discount-badge[b-7kihzxqi7k] {
    background: #18b86a;
    color: white;
    font-weight: 800;
    padding: 7px 16px;
    border-radius: 999px;
    font-size: 0.95rem;
    box-shadow: 0 6px 14px rgba(24, 184, 106, 0.16);
}

.billing-switch[b-7kihzxqi7k] {
    width: 340px;
    max-width: 100%;
    background: #ffffff;
    border: 2px solid #66d9cf;
    border-radius: 999px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 3px;
}

.switch-btn[b-7kihzxqi7k] {
    height: 40px;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: #0a4f67;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    transition: 0.2s ease;
}

    .switch-btn.active[b-7kihzxqi7k] {
        background: linear-gradient(180deg, #0b6377 0%, #094f67 100%);
        color: white;
    }

.plans-grid[b-7kihzxqi7k] {
   display: grid;
    grid-template-columns: repeat(3, 380px);
    justify-content: center; /* يخليهم في المنتصف */
    gap: 20px;
}

.plan-card[b-7kihzxqi7k] {
    background: #fff;
    border: 1px solid #d9e6eb;
    border-radius: 18px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 6px 18px rgba(9, 25, 58, 0.05);
}

.featured[b-7kihzxqi7k] {
    border: 3px solid #094f67;
}




.featured-label[b-7kihzxqi7k] {
    background: #094f67; /* أزرق غامق */
    color: #ffffff;
    text-align: center;
    font-weight: 800;
    font-size: 1rem;
    padding: 10px;
}

 
.plan-box[b-7kihzxqi7k] {
    margin: 16px;
    border-radius: 16px;
    padding: 20px 18px 16px;
    text-align: right;
}

.dark-box[b-7kihzxqi7k] {
    background: linear-gradient(180deg, #0b6377 0%, #08495f 100%);
    color: white;
}

.mint-box[b-7kihzxqi7k] {
    background: linear-gradient(180deg, #a8e7de 0%, #95ddd3 100%);
    color: #0a4f67;
}

.light-box[b-7kihzxqi7k] {
    background: linear-gradient(180deg, #d7f0eb 0%, #caebe4 100%);
    color: #0a4f67;
}

.plan-box h2[b-7kihzxqi7k] {
    margin: 0 0 10px;
    font-size: 1.7rem;
    font-weight: 800;
}

.plan-tag[b-7kihzxqi7k] {
    display: inline-block;
    background: rgba(255, 255, 255, 0.5);
    color: inherit;
    padding: 8px 14px;
    border-radius: 999px;
    font-size: 0.9rem;
    margin-bottom: 14px;
}

.price-wrap[b-7kihzxqi7k] {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    margin-bottom: 18px;
}

.currency[b-7kihzxqi7k] {
    font-size: 0.95rem;
    font-weight: 700;
}

.price[b-7kihzxqi7k] {
    font-size: 3.3rem;
    line-height: 1;
    font-weight: 900;
}

.period[b-7kihzxqi7k] {
    font-size: 0.95rem;
    font-weight: 700;
    margin-bottom: 6px;
}

.free-wrap[b-7kihzxqi7k] {
    min-height: 62px;
    align-items: center;
}

.free-text[b-7kihzxqi7k] {
    font-size: 2.6rem;
    font-weight: 900;
}

.plan-action[b-7kihzxqi7k] {
    width: 100%;
    height: 46px;
    border: none;
    border-radius: 12px;
    background: linear-gradient(180deg, #0b6377 0%, #08495f 100%);
    color: white;
    font-size: 1rem;
    font-weight: 800;
    cursor: pointer;
}

.dark-box .plan-action[b-7kihzxqi7k] {
    background: white;
    color: #08495f;
}

.features[b-7kihzxqi7k] {
    padding: 0 20px 20px;
}

    .features h3[b-7kihzxqi7k] {
        margin: 0 0 12px;
        font-size: 1.08rem;
        color: #0a5068;
    }

    .features ul[b-7kihzxqi7k] {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .features li[b-7kihzxqi7k] {
        position: relative;
        padding-right: 16px;
        margin-bottom: 11px;
        color: #0f5f72;
        font-size: 0.96rem;
        line-height: 1.6;
    }

        .features li[b-7kihzxqi7k]::before {
            content: "•";
            position: absolute;
            right: 0;
            top: -1px;
            color: #4db6a8;
            font-size: 1.15rem;
            line-height: 1.2;
        }

@media (max-width: 1200px) {
    .plans-grid[b-7kihzxqi7k] {
        grid-template-columns: 1fr;
    }

    .subscriptions-header h1[b-7kihzxqi7k] {
        font-size: 2rem;
    }
}

@media (max-width: 700px) {
    .subscriptions-header h1[b-7kihzxqi7k] {
        font-size: 1.5rem;
    }

    .billing-switch[b-7kihzxqi7k] {
        width: 100%;
    }

    .plan-box h2[b-7kihzxqi7k] {
        font-size: 1.35rem;
    }

    .price[b-7kihzxqi7k] {
        font-size: 2.7rem;
    }

    .free-text[b-7kihzxqi7k] {
        font-size: 2.1rem;
    }
}
/* /Components/Pages/Signup.razor.rz.scp.css */
.signup-shell[b-czmd6sklbj] {
    min-height: 100vh;
    background:
        radial-gradient(circle at 12% 10%, rgba(81, 72, 245, .1), transparent 28rem),
        radial-gradient(circle at 88% 32%, rgba(13, 148, 136, .08), transparent 24rem),
        #f7f8fc;
    color: #18233b;
    font-family: Arial, Helvetica, sans-serif;
}

.signup-main[b-czmd6sklbj] {
    width: min(1120px, calc(100% - 40px));
    margin: 0 auto;
    padding: 82px 0 96px;
}

.signup-intro[b-czmd6sklbj] {
    max-width: 760px;
    margin: 0 auto 46px;
    text-align: center;
}

.signup-kicker[b-czmd6sklbj] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    color: #5148f5;
    font-size: .76rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.signup-intro h1[b-czmd6sklbj] {
    margin: 0;
    color: #17233d;
    font-size: clamp(2.25rem, 5vw, 3.8rem);
    font-weight: 850;
    letter-spacing: -.05em;
    line-height: 1.08;
}

.signup-intro p[b-czmd6sklbj] {
    max-width: 680px;
    margin: 20px auto 0;
    color: #6f7b91;
    font-size: 1rem;
    line-height: 1.8;
}

.account-grid[b-czmd6sklbj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.account-card[b-czmd6sklbj] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 480px;
    overflow: hidden;
    padding: 38px;
    border: 1px solid #e2e7f0;
    border-radius: 24px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 18px 48px rgba(31, 41, 64, .08);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.account-card[b-czmd6sklbj]::after {
    position: absolute;
    top: -110px;
    inset-inline-end: -120px;
    width: 280px;
    height: 280px;
    border: 44px solid rgba(81, 72, 245, .045);
    border-radius: 50%;
    content: "";
}

.account-card:hover[b-czmd6sklbj] {
    transform: translateY(-5px);
    border-color: #cfcafc;
    box-shadow: 0 26px 60px rgba(31, 41, 64, .13);
}

.account-icon[b-czmd6sklbj] {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    margin-bottom: 24px;
    border-radius: 17px;
    background: #eeecff;
    color: #5148f5;
    font-size: 1.35rem;
}

.merchant-card .account-icon[b-czmd6sklbj] {
    background: #e8fbf7;
    color: #087f78;
}

.account-label[b-czmd6sklbj] {
    color: #5148f5;
    font-size: .74rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.merchant-card .account-label[b-czmd6sklbj] { color: #087f78; }

.account-card h2[b-czmd6sklbj] {
    position: relative;
    z-index: 1;
    margin: 12px 0;
    color: #1c2942;
    font-size: clamp(1.55rem, 3vw, 2rem);
    font-weight: 820;
    letter-spacing: -.035em;
}

.account-card p[b-czmd6sklbj] {
    margin: 0;
    color: #6f7b91;
    font-size: .92rem;
    line-height: 1.75;
}

.account-card ul[b-czmd6sklbj] {
    display: grid;
    gap: 12px;
    margin: 24px 0 30px;
    padding: 0;
    color: #344158;
    font-size: .86rem;
    list-style: none;
}

.account-card li[b-czmd6sklbj] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.account-card li .bi[b-czmd6sklbj] {
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #eeecff;
    color: #5148f5;
    font-size: .75rem;
}

.merchant-card li .bi[b-czmd6sklbj] {
    background: #e8fbf7;
    color: #087f78;
}

[b-czmd6sklbj] .account-cta {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    min-height: 52px;
    margin-top: auto;
    padding: 0 18px;
    border-radius: 12px;
    background: #5148f5;
    color: #fff;
    font-size: .9rem;
    font-weight: 800;
    text-decoration: none;
}

.merchant-card[b-czmd6sklbj]  .account-cta { background: #087f78; }

.signup-help[b-czmd6sklbj] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 24px;
    padding: 18px 20px;
    border: 1px solid #e1e6ef;
    border-radius: 15px;
    background: rgba(255, 255, 255, .85);
}

.signup-help > .bi[b-czmd6sklbj] { color: #5148f5; font-size: 1.1rem; }
.signup-help p[b-czmd6sklbj] { flex: 1; margin: 0; color: #6d788d; font-size: .85rem; }
.signup-help p strong[b-czmd6sklbj] { color: #28354c; }
[b-czmd6sklbj] .signup-help a { display: inline-flex; align-items: center; gap: 7px; color: #5148f5; font-size: .84rem; font-weight: 800; text-decoration: none; white-space: nowrap; }

@media (max-width: 760px) {
    .signup-main[b-czmd6sklbj] { width: min(100% - 28px, 1120px); padding: 58px 0 72px; }
    .account-grid[b-czmd6sklbj] { grid-template-columns: 1fr; }
    .account-card[b-czmd6sklbj] { min-height: auto; padding: 30px 26px; }
    .signup-help[b-czmd6sklbj] { align-items: flex-start; flex-wrap: wrap; }
    .signup-help p[b-czmd6sklbj] { min-width: calc(100% - 40px); }
    [b-czmd6sklbj] .signup-help a { margin-inline-start: 36px; }
}
/* /Components/Pages/SignupSuccess.razor.rz.scp.css */
.success-shell[b-e82pqj66dr] {
    min-height: 100vh;
    background: #f7f8fc;
    color: #1d2940;
    font-family: Arial, Helvetica, sans-serif;
}

.success-page[b-e82pqj66dr] {
    display: grid;
    place-items: center;
    min-height: 680px;
    padding: 72px 20px 86px;
    background:
        radial-gradient(circle at 18% 12%, rgba(81, 72, 245, .11), transparent 25rem),
        radial-gradient(circle at 84% 84%, rgba(22, 163, 74, .08), transparent 24rem);
}

.success-card[b-e82pqj66dr] {
    width: min(100%, 620px);
    padding: clamp(32px, 6vw, 54px);
    border: 1px solid #e2e7f0;
    border-radius: 26px;
    background: rgba(255, 255, 255, .97);
    text-align: center;
    box-shadow: 0 24px 65px rgba(31, 41, 64, .11);
}

.success-icon[b-e82pqj66dr] {
    display: grid;
    place-items: center;
    width: 76px;
    height: 76px;
    margin: 0 auto 22px;
    border: 8px solid #e5f8ed;
    border-radius: 50%;
    background: #22a962;
    color: #fff;
    font-size: 1.7rem;
    box-shadow: 0 12px 28px rgba(34, 169, 98, .22);
}

.success-kicker[b-e82pqj66dr] {
    color: #168052;
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.success-card h1[b-e82pqj66dr] {
    margin: 12px 0 14px;
    color: #192640;
    font-size: clamp(2rem, 5vw, 2.8rem);
    font-weight: 850;
    letter-spacing: -.045em;
    line-height: 1.12;
}

.success-intro[b-e82pqj66dr] {
    max-width: 500px;
    margin: 0 auto;
    color: #6f7b91;
    font-size: .94rem;
    line-height: 1.75;
}

.review-status[b-e82pqj66dr] {
    display: grid;
    grid-template-columns: 46px 1fr;
    gap: 14px;
    margin-top: 30px;
    padding: 18px;
    border: 1px solid #e3e7ef;
    border-radius: 15px;
    background: #f8f9fc;
    text-align: start;
}

.status-icon[b-e82pqj66dr] {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 13px;
    background: #fff5dd;
    color: #c17a00;
}

.review-status span[b-e82pqj66dr],
.review-status strong[b-e82pqj66dr],
.review-status small[b-e82pqj66dr] { display: block; }
.review-status span[b-e82pqj66dr] { margin-bottom: 3px; color: #929cad; font-size: .67rem; font-weight: 750; text-transform: uppercase; }
.review-status strong[b-e82pqj66dr] { color: #26334b; font-size: .92rem; }
.review-status small[b-e82pqj66dr] { margin-top: 4px; color: #79859a; font-size: .73rem; line-height: 1.5; }

.success-actions[b-e82pqj66dr] {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 28px;
}

[b-e82pqj66dr] .success-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    padding: 0 18px;
    border-radius: 11px;
    font-size: .82rem;
    font-weight: 800;
    text-decoration: none;
}

[b-e82pqj66dr] .home-action { background: #5148f5; color: #fff; box-shadow: 0 10px 24px rgba(81, 72, 245, .2); }
[b-e82pqj66dr] .support-action { border: 1px solid #dce1ea; background: #fff; color: #344158; }

@media (max-width: 520px) {
    .success-page[b-e82pqj66dr] { min-height: 590px; padding-inline: 14px; }
    .success-card[b-e82pqj66dr] { padding-inline: 22px; border-radius: 20px; }
    .success-actions[b-e82pqj66dr] { flex-direction: column; }
    [b-e82pqj66dr] .success-actions a { width: 100%; }
}
/* /Components/Pages/Vendor/Dashboard.razor.rz.scp.css */
.dashboard-page[b-66iqb27chq] {
    color: #1f2940;
}

.welcome-banner[b-66iqb27chq] {
    min-height: 130px;
    background: white;
    border: 1px solid #e7ebf3;
    border-radius: 0;
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 0 28px;
    margin-bottom: 28px;
}

.welcome-icon[b-66iqb27chq] {
    font-size: 2.8rem;
    color: #7b8599;
}

.welcome-banner h1[b-66iqb27chq] {
    margin: 0;
    font-size: 2.2rem;
    font-weight: 700;
}

.dashboard-tabs[b-66iqb27chq] {
    border-bottom: 1px solid #e7ebf3;
    margin-bottom: 22px;
}

.tab[b-66iqb27chq] {
    display: inline-block;
    padding: 0 22px 12px;
    color: #5f61ff;
    font-size: 0.96rem;
    text-decoration: none;
    border-bottom: 3px solid #5f61ff;
}

.cards-grid[b-66iqb27chq] {
    display: grid;
    grid-template-columns: repeat(4, minmax(220px, 1fr));
    gap: 18px;
}

.stat-card[b-66iqb27chq] {
    background: white;
    border: 1px solid #edf0f6;
    border-radius: 18px;
    padding: 20px 22px;
    min-height: 170px;
    box-shadow: 0 2px 8px rgba(21, 31, 56, 0.03);
}

.card-head[b-66iqb27chq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #1f2940;
    font-weight: 600;
    margin-bottom: 18px;
}

.stat-number[b-66iqb27chq] {
    text-align: center;
    font-size: 4rem;
    font-weight: 800;
    line-height: 1;
    margin-top: 10px;
}

.amount-number[b-66iqb27chq] {
    font-size: clamp(2rem, 3.5vw, 4rem);
    overflow-wrap: anywhere;
}

.stat-label[b-66iqb27chq] {
    text-align: center;
    font-size: 1.05rem;
    margin-top: 6px;
    font-weight: 500;
}

.stat-foot[b-66iqb27chq] {
    text-align: center;
    margin-top: 26px;
    color: #77809a;
    font-size: 0.95rem;
}

.blue[b-66iqb27chq] {
    color: #4285f4;
}

.red[b-66iqb27chq] {
    color: #ef4444;
}

.orange[b-66iqb27chq] {
    color: #f59e0b;
}

.green[b-66iqb27chq] {
    color: #22c55e;
}

@media (max-width: 1200px) {
    .cards-grid[b-66iqb27chq] {
        grid-template-columns: repeat(2, minmax(220px, 1fr));
    }
}

@media (max-width: 700px) {
    .welcome-banner h1[b-66iqb27chq] {
        font-size: 1.5rem;
    }

    .cards-grid[b-66iqb27chq] {
        grid-template-columns: 1fr;
    }
}


/* /Components/Pages/Vendor/EmployeeReportDetails.razor.rz.scp.css */
.employee-detail-page[b-bjjly66sdz] {
    color: #1f2940;
    font-family: Arial, Helvetica, sans-serif;
}

.back-link[b-bjjly66sdz] {
    display: inline-flex;
    margin-bottom: 20px;
    color: #5148f5;
    font-weight: 700;
    text-decoration: none;
}

.detail-header[b-bjjly66sdz] {
    margin-bottom: 22px;
}

.detail-header h1[b-bjjly66sdz] {
    margin: 0 0 8px;
    font-size: 2.1rem;
    font-weight: 800;
}

.employee-meta[b-bjjly66sdz] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    color: #66758f;
}

.summary-grid[b-bjjly66sdz] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 28px;
}

.summary-card[b-bjjly66sdz] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
    border: 1px solid #e4ebf5;
    border-radius: 14px;
    background: #fff;
}

.summary-card span[b-bjjly66sdz] {
    color: #66758f;
    font-weight: 700;
}

.summary-card strong[b-bjjly66sdz] {
    font-size: 1.8rem;
    color: #1f2940;
}

.summary-card.sales-total[b-bjjly66sdz] {
    border-color: #d8d5ff;
    background: #f7f6ff;
}

.detail-section[b-bjjly66sdz] {
    margin-top: 28px;
}

.section-heading h2[b-bjjly66sdz] {
    margin: 0 0 14px;
    font-size: 1.35rem;
}

.detail-table-wrapper[b-bjjly66sdz] {
    overflow-x: auto;
    border: 1px solid #e4ebf5;
    background: #fff;
}

.detail-table[b-bjjly66sdz] {
    width: 100%;
    border-collapse: collapse;
}

.inventory-table[b-bjjly66sdz] {
    min-width: 850px;
}

.sales-table[b-bjjly66sdz] {
    min-width: 1620px;
}

.detail-table th[b-bjjly66sdz] {
    padding: 16px 12px;
    text-align: left;
    background: #f8fbff;
    color: #66758f;
    border-bottom: 1px solid #e7edf6;
}

.detail-table td[b-bjjly66sdz] {
    padding: 15px 12px;
    color: #344054;
    border-bottom: 1px solid #edf2f8;
}

.empty-cell[b-bjjly66sdz] {
    padding: 28px !important;
    text-align: center;
    color: #7b8799;
}

.page-message[b-bjjly66sdz] {
    padding: 16px;
    border-radius: 10px;
    background: #eef2ff;
}

.page-message.error[b-bjjly66sdz] {
    background: #fff1f2;
    color: #be123c;
}

.status-badge[b-bjjly66sdz],
.inventory-status[b-bjjly66sdz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 90px;
    padding: 6px 12px;
    border-radius: 999px;
    background: #eef2f7;
    color: #475467;
    font-size: .88rem;
    font-weight: 700;
}

.status-badge.received[b-bjjly66sdz] { background: #dff3e7; color: #15803d; }
.status-badge.approved[b-bjjly66sdz] { background: #dbeafe; color: #2563eb; }
.status-badge.pending[b-bjjly66sdz] { background: #ffe8cc; color: #f97316; }
.status-badge.rejected[b-bjjly66sdz] { background: #fee2e2; color: #dc2626; }

.invoice-download-btn[b-bjjly66sdz] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: 88px;
    height: 36px;
    padding: 0 13px;
    border: 1px solid #d8d5ff;
    border-radius: 9px;
    background: #f1f0ff;
    color: #5148f5;
    font-weight: 700;
    cursor: pointer;
}

.invoice-download-btn:hover:not(:disabled)[b-bjjly66sdz] {
    background: #5148f5;
    color: #fff;
}

.invoice-download-btn:disabled[b-bjjly66sdz] {
    cursor: wait;
    opacity: .65;
}

@media (max-width: 1000px) {
    .summary-grid[b-bjjly66sdz] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
    .summary-grid[b-bjjly66sdz] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Vendor/Employees.razor.rz.scp.css */
.employee-wrapper[b-c1cm6uqmja] {
    display: flex;
    min-height: calc(100vh - 70px);
    background: #f8f9fc;
}

.employee-main[b-c1cm6uqmja] {
    flex: 1;
    padding: 18px 22px 0 22px;
    transition: all .25s ease;
    overflow: hidden;
}

    .employee-main.shrink[b-c1cm6uqmja] {
        width: calc(100% - 450px);
    }

.page-title[b-c1cm6uqmja] {
    margin: 0 0 18px 0;
    font-size: 28px;
    font-weight: 700;
    color: #1e2a44;
}

.toolbar[b-c1cm6uqmja] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.toolbar-actions[b-c1cm6uqmja] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.icon-circle-btn[b-c1cm6uqmja] {
    width: 54px;
    height: 40px;
    border-radius: 22px;
    border: 1px solid #dce2ee;
    background: #fff;
    cursor: pointer;
    font-size: 18px;
}

.dark-btn[b-c1cm6uqmja],
.purple-btn[b-c1cm6uqmja] {
    height: 40px;
    padding: 0 22px;
    border: none;
    border-radius: 22px;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    font-size: 15px;
}

.dark-btn[b-c1cm6uqmja] {
    background: #182543;
}

.purple-btn[b-c1cm6uqmja] {
    background: #5b52f6;
}

.btn-icon[b-c1cm6uqmja] {
    margin-right: 6px;
}

.table-card[b-c1cm6uqmja] {
    background: #fff;
    border: 1px solid #e6ebf3;
    overflow-x: auto;
}

.employee-table[b-c1cm6uqmja] {
    width: 100%;
    border-collapse: collapse;
}

    .employee-table thead[b-c1cm6uqmja] {
        background: #f4f7fb;
    }

    .employee-table th[b-c1cm6uqmja] {
        text-align: left;
        padding: 16px 20px;
        font-size: 14px;
        font-weight: 600;
        color: #67748d;
        border-bottom: 1px solid #e8edf5;
    }

    .employee-table td[b-c1cm6uqmja] {
        padding: 15px 20px;
        font-size: 15px;
        color: #27324a;
        border-bottom: 1px solid #eef2f7;
    }

.email-cell[b-c1cm6uqmja] {
    max-width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.status-badge[b-c1cm6uqmja] {
    display: inline-block;
    padding: 5px 14px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
}

    .status-badge.active[b-c1cm6uqmja] {
        background: #daf5e3;
        color: #249851;
    }

    .status-badge.inactive[b-c1cm6uqmja] {
        background: #ffe0e0;
        color: #cc4343;
    }

.action-select[b-c1cm6uqmja] {
    height: 40px;
    min-width: 128px;
    border-radius: 999px;
    border: 1px solid #d7dfec;
    background: #fff;
    color: #17233d;
    padding: 0 38px 0 18px;
    cursor: pointer;
    font-weight: 700;
    font-size: 14px;
    outline: none;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    transition: border-color .15s ease, box-shadow .15s ease;
}

.employee-alert[b-c1cm6uqmja] {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 48px;
    margin-bottom: 16px;
    padding: 12px 14px;
    gap: 10px;
    border: 1px solid #bfdbfe;
    border-radius: 12px;
    background: #eff6ff;
    color: #1d4ed8;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 600;
}

.employee-alert.success[b-c1cm6uqmja] { border-color: #bbf7d0; background: #f0fdf4; color: #15803d; }
.employee-alert.warning[b-c1cm6uqmja] { border-color: #fde68a; background: #fffbeb; color: #92400e; }
.employee-alert.error[b-c1cm6uqmja] { border-color: #fecaca; background: #fef2f2; color: #b91c1c; }
.alert-icon[b-c1cm6uqmja] { flex: 0 0 auto; font-size: 18px; }
.alert-text[b-c1cm6uqmja] { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.alert-dismiss[b-c1cm6uqmja] {
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: inherit;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}
.alert-dismiss:hover[b-c1cm6uqmja] { background: rgba(15, 23, 42, .06); }

    .action-select:hover[b-c1cm6uqmja],
    .action-select:focus[b-c1cm6uqmja] {
        border-color: #5b52f6;
        box-shadow: 0 0 0 3px rgba(91, 82, 246, 0.12);
    }

.pagination-bar[b-c1cm6uqmja] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border: 1px solid #e6ebf3;
    border-top: none;
    padding: 14px 16px;
    font-size: 14px;
    color: #67748d;
}

.items-per-page[b-c1cm6uqmja] {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .items-per-page select[b-c1cm6uqmja] {
        height: 36px;
        border: 1px solid #dbe2ec;
        border-radius: 6px;
        padding: 0 10px;
        background: #fff;
    }

.page-info[b-c1cm6uqmja] {
    flex: 1;
    text-align: center;
}

.pager-buttons[b-c1cm6uqmja] {
    display: flex;
    gap: 6px;
}

.pager-btn[b-c1cm6uqmja] {
    width: 32px;
    height: 32px;
    border: 1px solid #dbe2ec;
    background: #f8fafd;
    color: #a1aabc;
    border-radius: 6px;
}

.right-panel[b-c1cm6uqmja] {
    width: 450px;
    min-width: 450px;
    background: #fff;
    border-left: 1px solid #e6ebf3;
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 70px);
}

.right-panel-header[b-c1cm6uqmja] {
    height: 58px;
    padding: 0 24px;
    border-bottom: 1px solid #e8edf5;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .right-panel-header h3[b-c1cm6uqmja] {
        margin: 0;
        font-size: 18px;
        color: #27324a;
    }

.close-btn[b-c1cm6uqmja] {
    border: none;
    background: transparent;
    font-size: 22px;
    cursor: pointer;
    color: #7a879d;
}

.right-panel-body[b-c1cm6uqmja] {
    flex: 1;
    padding: 18px 24px;
    overflow-y: auto;
}

.upload-box[b-c1cm6uqmja] {
    width: 110px;
    height: 110px;
    background: #cfd6e2;
    border-radius: 14px;
    margin-bottom: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.upload-actions[b-c1cm6uqmja] {
    display: flex;
    gap: 14px;
    font-size: 20px;
    color: #fff;
}

.form-group[b-c1cm6uqmja] {
    margin-bottom: 16px;
}

    .form-group label[b-c1cm6uqmja] {
        display: block;
        margin-bottom: 7px;
        font-size: 14px;
        font-weight: 600;
        color: #2d3951;
    }

.form-input[b-c1cm6uqmja] {
    width: 100%;
    height: 44px;
    border: 1px solid #dce2ee;
    border-radius: 8px;
    padding: 0 12px;
    font-size: 14px;
    outline: none;
    box-sizing: border-box;
    background: #fff;
}

.switch-row[b-c1cm6uqmja] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 6px;
    font-size: 14px;
    font-weight: 600;
    color: #2d3951;
}

.right-panel-footer[b-c1cm6uqmja] {
    border-top: 1px solid #e8edf5;
    padding: 16px 24px;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    background: #fff;
}

.cancel-btn[b-c1cm6uqmja] {
    border: none;
    background: transparent;
    color: #2f3b54;
    font-weight: 600;
    cursor: pointer;
    padding: 10px 14px;
}

.save-btn[b-c1cm6uqmja] {
    min-width: 90px;
    height: 38px;
    border: none;
    border-radius: 20px;
    background: #e4e8f2;
    color: #94a0b5;
    font-weight: 700;
    cursor: pointer;
}

    .save-btn:hover[b-c1cm6uqmja] {
        background: #5b52f6;
        color: #fff;
    }
/* /Components/Pages/Vendor/Inventory.razor.rz.scp.css */
.inventory-page[b-v5vj9u0115] {
    color: #1f2940;
}

.inventory-header[b-v5vj9u0115] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}

    .inventory-header h1[b-v5vj9u0115] {
        font-size: 2.2rem;
        font-weight: 800;
        margin: 0;
    }

.header-actions[b-v5vj9u0115] {
    display: flex;
    gap: 12px;
}

.refresh-btn[b-v5vj9u0115],
.upload-btn[b-v5vj9u0115],
.filter-btn[b-v5vj9u0115],
.add-btn[b-v5vj9u0115] {
    height: 40px;
    border: none;
    border-radius: 999px;
    padding: 0 22px;
    font-weight: 700;
    cursor: pointer;
}

.refresh-btn[b-v5vj9u0115] {
    background: white;
    border: 1px solid #d8e0ec;
}

.upload-btn[b-v5vj9u0115] {
    background: #22c55e;
    color: white;
}

.filter-btn[b-v5vj9u0115] {
    background: #17233d;
    color: white;
}

.add-btn[b-v5vj9u0115] {
    background: #5b4df2;
    color: white;
}

.products-table-wrapper[b-v5vj9u0115] {
    background: white;
    overflow-x: auto;
}

.products-table[b-v5vj9u0115] {
    width: 100%;
    border-collapse: collapse;
    min-width: 1100px;
}

    .products-table th[b-v5vj9u0115] {
        background: #f6f8fb;
        color: #607089;
        text-align: left;
        padding: 16px;
        font-weight: 700;
    }

    .products-table td[b-v5vj9u0115] {
        padding: 14px 16px;
        border-bottom: 1px solid #eef2f6;
    }

.photo-box[b-v5vj9u0115] {
    width: 42px;
    height: 42px;
    border: 1px solid #d8e0ec;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7b8799;
}

.status-badge[b-v5vj9u0115] {
    padding: 7px 14px;
    border-radius: 999px;
    font-weight: 700;
    font-size: 0.85rem;
}

    .status-badge.active[b-v5vj9u0115] {
        background: #dcfce7;
        color: #16a34a;
    }

    .status-badge.inactive[b-v5vj9u0115] {
        background: #fee2e2;
        color: #dc2626;
    }

.action-select[b-v5vj9u0115] {
    height: 34px;
    border: 1px solid #d8e0ec;
    border-radius: 999px;
    padding: 0 12px;
    background: white;
}

.panel-overlay[b-v5vj9u0115] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.15);
    z-index: 50;
}

.product-panel[b-v5vj9u0115] {
    position: fixed;
    right: 0;
    top: 0;
    width: 390px;
    height: 100vh;
    background: white;
    z-index: 60;
    padding: 24px;
    box-shadow: -8px 0 24px rgba(15, 23, 42, 0.12);
    overflow-y: auto;
}

.panel-header[b-v5vj9u0115] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .panel-header h3[b-v5vj9u0115] {
        margin: 0;
    }

.close-btn[b-v5vj9u0115] {
    border: none;
    background: transparent;
    font-size: 1.6rem;
    cursor: pointer;
}

.image-upload-box[b-v5vj9u0115] {
    width: 115px;
    height: 115px;
    background: #d8dee8;
    border-radius: 12px;
    margin: 22px 0;
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: center;
    color: white;
}

.form-group[b-v5vj9u0115] {
    margin-bottom: 16px;
}

    .form-group label[b-v5vj9u0115] {
        display: block;
        margin-bottom: 8px;
        font-weight: 700;
    }

.form-control[b-v5vj9u0115] {
    width: 100%;
    height: 48px;
    border: 1px solid #d8e0ec;
    border-radius: 8px;
    padding: 0 14px;
    box-sizing: border-box;
}

.textarea[b-v5vj9u0115] {
    height: 90px;
    padding-top: 12px;
}

.form-grid-2[b-v5vj9u0115] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.status-row[b-v5vj9u0115] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 800;
    margin: 20px 0;
}

.panel-footer[b-v5vj9u0115] {
    display: flex;
    justify-content: flex-end;
    gap: 14px;
    padding-top: 20px;
}

.cancel-btn[b-v5vj9u0115],
.save-btn[b-v5vj9u0115] {
    height: 48px;
    border: none;
    border-radius: 999px;
    padding: 0 28px;
    font-weight: 700;
    cursor: pointer;
}

.cancel-btn[b-v5vj9u0115] {
    background: transparent;
}

.save-btn[b-v5vj9u0115] {
    background: #5b4df2;
    color: white;
}

.empty-cell[b-v5vj9u0115] {
    text-align: center;
    padding: 30px !important;
    color: #667085;
}

.message-box[b-v5vj9u0115] {
    margin-bottom: 16px;
    padding: 12px 14px;
    background: white;
    border: 1px solid #e7ebf3;
    border-radius: 10px;
}


.edit-top[b-v5vj9u0115] {
    display: grid;
    grid-template-columns: 130px 1fr;
    gap: 18px;
    align-items: start;
}

.created-info[b-v5vj9u0115] {
    border-top: 1px solid #e7ebf3;
    margin-top: 20px;
    padding-top: 16px;
    color: #44526b;
    line-height: 1.7;
}

[b-v5vj9u0115] .form-control {
    width: 100%;
    height: 48px;
    border: 1px solid #d8e0ec;
    border-radius: 8px;
    padding: 0 14px;
    box-sizing: border-box;
    font: inherit;
}

[b-v5vj9u0115] .form-control:focus {
    border-color: #5b4df2;
    outline: none;
    box-shadow: 0 0 0 3px rgba(91, 77, 242, 0.1);
}

.stock-product-field[b-v5vj9u0115] {
    margin-top: 24px;
}

.selected-product-card[b-v5vj9u0115] {
    display: grid;
    gap: 10px;
    margin-bottom: 20px;
    padding: 16px;
    border: 1px solid #e7ebf3;
    border-radius: 10px;
    background: #f8fafc;
}

.selected-product-card div[b-v5vj9u0115] {
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

.selected-product-card span[b-v5vj9u0115],
.form-group small[b-v5vj9u0115] {
    color: #667085;
}

.form-group small[b-v5vj9u0115] {
    display: block;
    margin-top: 7px;
}
/* /Components/Pages/Vendor/Management.razor.rz.scp.css */
.management-page[b-wvq5b9rpve] {
    color: #1f2940;
}

.page-header[b-wvq5b9rpve] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 22px;
}

    .page-header h1[b-wvq5b9rpve] {
        margin: 0;
        font-size: 2rem;
        font-weight: 700;
        color: #22304d;
    }

.header-actions[b-wvq5b9rpve] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.refresh-btn[b-wvq5b9rpve],
.filter-btn[b-wvq5b9rpve],
.add-btn[b-wvq5b9rpve] {
    height: 44px;
    border-radius: 999px;
    border: 1px solid #d8dfeb;
    background: white;
    color: #1f2940;
    padding: 0 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
    transition: 0.2s ease;
}

.refresh-btn[b-wvq5b9rpve] {
    width: 58px;
    padding: 0;
    font-size: 1.2rem;
}

.filter-btn[b-wvq5b9rpve] {
    background: #13234b;
    color: white;
    border-color: #13234b;
}

.add-btn[b-wvq5b9rpve] {
    background: #5b57f4;
    color: white;
    border-color: #5b57f4;
    min-width: 105px;
}

    .refresh-btn:hover[b-wvq5b9rpve],
    .filter-btn:hover[b-wvq5b9rpve],
    .add-btn:hover[b-wvq5b9rpve] {
        opacity: 0.92;
    }

.table-card[b-wvq5b9rpve] {
    background: white;
    border: 1px solid #e5ebf4;
    overflow: hidden;
}

.management-table[b-wvq5b9rpve] {
    width: 100%;
    border-collapse: collapse;
}

    .management-table thead th[b-wvq5b9rpve] {
        background: #f8fafc;
        color: #64748b;
        font-size: 0.98rem;
        font-weight: 700;
        text-align: left;
        padding: 18px 20px;
        border-bottom: 1px solid #e7ebf3;
    }

    .management-table tbody td[b-wvq5b9rpve] {
        padding: 16px 20px;
        border-bottom: 1px solid #edf1f7;
        color: #24324a;
        font-size: 1rem;
        vertical-align: middle;
    }

    .management-table tbody tr:hover[b-wvq5b9rpve] {
        background: #fcfdff;
    }

.check-col[b-wvq5b9rpve] {
    text-align: center;
    width: 90px;
}

    .check-col input[type="checkbox"][b-wvq5b9rpve] {
        width: 18px;
        height: 18px;
        cursor: pointer;
    }

.status-badge[b-wvq5b9rpve] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 76px;
    height: 34px;
    padding: 0 16px;
    border-radius: 999px;
    font-size: 0.95rem;
    font-weight: 700;
}

    .status-badge.active[b-wvq5b9rpve] {
        background: #dcf4e5;
        color: #1f9d55;
    }

    .status-badge.inactive[b-wvq5b9rpve] {
        background: #f3f4f6;
        color: #6b7280;
    }

.action-select[b-wvq5b9rpve] {
    min-width: 92px;
    height: 38px;
    border: 1px solid #d7deea;
    border-radius: 999px;
    background: white;
    padding: 0 12px;
    color: #1f2940;
    outline: none;
}

.table-footer[b-wvq5b9rpve] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 18px;
    background: white;
}

.footer-left[b-wvq5b9rpve],
.footer-center[b-wvq5b9rpve],
.footer-right[b-wvq5b9rpve] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #64748b;
}

.page-select[b-wvq5b9rpve] {
    height: 40px;
    border: 1px solid #d7deea;
    border-radius: 10px;
    padding: 0 12px;
    background: white;
}

.pager-btn[b-wvq5b9rpve] {
    width: 38px;
    height: 38px;
    border: 1px solid #d7deea;
    background: #f8fafc;
    color: #94a3b8;
    border-radius: 8px;
    cursor: pointer;
}

.empty-row[b-wvq5b9rpve] {
    text-align: center;
    color: #7b8599;
    padding: 28px 20px !important;
}

@media (max-width: 1200px) {
    .table-card[b-wvq5b9rpve] {
        overflow-x: auto;
    }

    .management-table[b-wvq5b9rpve] {
        min-width: 1200px;
    }
}

@media (max-width: 700px) {
    .page-header[b-wvq5b9rpve] {
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
    }

    .header-actions[b-wvq5b9rpve] {
        justify-content: flex-end;
        flex-wrap: wrap;
    }

    .table-footer[b-wvq5b9rpve] {
        flex-direction: column;
        gap: 14px;
        align-items: flex-start;
    }
}
.save-btn[b-wvq5b9rpve] {
    background: #162447;
    color: white;
    border: none;
    border-radius: 14px;
    width: 90px;
    height: 44px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.2s ease;
}

    .save-btn:hover[b-wvq5b9rpve] {
        background: #1f3368;
        transform: translateY(-1px);
    }
/* /Components/Pages/Vendor/Packages.razor.rz.scp.css */
.packages-page[b-g6vs6pccnb] {
    color: #1f2940;
}

.packages-header[b-g6vs6pccnb],
.add-header[b-g6vs6pccnb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
}

.packages-header h1[b-g6vs6pccnb],
.add-header h2[b-g6vs6pccnb] {
    margin: 0;
    font-size: 2.2rem;
    font-weight: 800;
}

.header-actions[b-g6vs6pccnb] {
    display: flex;
    gap: 12px;
}

.refresh-btn[b-g6vs6pccnb],
.filter-btn[b-g6vs6pccnb],
.add-btn[b-g6vs6pccnb],
.save-btn[b-g6vs6pccnb],
.cancel-btn[b-g6vs6pccnb] {
    height: 42px;
    border: none;
    border-radius: 999px;
    padding: 0 24px;
    font-weight: 700;
    cursor: pointer;
}

.refresh-btn[b-g6vs6pccnb] {
    background: white;
    border: 1px solid #d8e0ec;
}

.filter-btn[b-g6vs6pccnb] {
    background: #17233d;
    color: white;
}

.add-btn[b-g6vs6pccnb],
.save-btn[b-g6vs6pccnb] {
    background: #5b4df2;
    color: white;
}

.cancel-btn[b-g6vs6pccnb] {
    background: transparent;
}

.table-wrapper[b-g6vs6pccnb],
.items-card[b-g6vs6pccnb],
.form-card[b-g6vs6pccnb] {
    background: white;
    border: 1px solid #e8edf5;
    border-radius: 16px;
}

.packages-table[b-g6vs6pccnb],
.items-table[b-g6vs6pccnb] {
    width: 100%;
    border-collapse: collapse;
}

.packages-table th[b-g6vs6pccnb],
.items-table th[b-g6vs6pccnb] {
    background: #f6f8fb;
    color: #607089;
    text-align: left;
    padding: 16px;
}

.packages-table td[b-g6vs6pccnb],
.items-table td[b-g6vs6pccnb] {
    padding: 14px 16px;
    border-bottom: 1px solid #eef2f6;
}

.status-badge[b-g6vs6pccnb] {
    padding: 7px 14px;
    border-radius: 999px;
    font-weight: 700;
    background: #fef3c7;
    color: #b45309;
}

    .status-badge.pending[b-g6vs6pccnb] {
        background: #fef3c7;
        color: #b45309;
    }

    .status-badge.approved[b-g6vs6pccnb] {
        background: #dcfce7;
        color: #16a34a;
    }

    .status-badge.rejected[b-g6vs6pccnb] {
        background: #fee2e2;
        color: #dc2626;
    }

.add-package-page[b-g6vs6pccnb] {
    background: #f6f8fb;
}

.cards-grid[b-g6vs6pccnb] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
}

.form-card[b-g6vs6pccnb] {
    padding: 20px;
}

.form-card h3[b-g6vs6pccnb],
.items-card h3[b-g6vs6pccnb] {
    margin: 0 0 16px;
}

.grid-2[b-g6vs6pccnb] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.form-group[b-g6vs6pccnb] {
    margin-bottom: 14px;
}

.form-group label[b-g6vs6pccnb] {
    display: block;
    margin-bottom: 7px;
    font-weight: 700;
}

.form-control[b-g6vs6pccnb] {
    width: 100%;
    height: 46px;
    border: 1px solid #d8e0ec;
    border-radius: 10px;
    padding: 0 14px;
    box-sizing: border-box;
}

.textarea[b-g6vs6pccnb] {
    height: 86px;
    padding-top: 12px;
}

.vendor-layout[b-g6vs6pccnb] {
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 16px;
}

.avatar-box[b-g6vs6pccnb] {
    width: 90px;
    height: 90px;
    background: #d8dee8;
    border-radius: 12px;
}

.items-card[b-g6vs6pccnb] {
    padding: 20px;
    margin-top: 24px;
}

.items-header[b-g6vs6pccnb] {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.search-box[b-g6vs6pccnb] {
    width: 300px;
}

.round-add[b-g6vs6pccnb] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: none;
    background: #5b4df2;
    color: white;
    font-size: 1.5rem;
    margin: 18px 0;
    cursor: pointer;
}

.table-input[b-g6vs6pccnb] {
    width: 100%;
    height: 36px;
    border: 1px solid #d8e0ec;
    border-radius: 8px;
    padding: 0 8px;
}

.delete-btn[b-g6vs6pccnb] {
    border: none;
    border-radius: 8px;
    background: #fee2e2;
    color: #dc2626;
    padding: 8px 12px;
    cursor: pointer;
}

.empty-cell[b-g6vs6pccnb] {
    text-align: center;
    color: #7b8799;
}

.footer-actions[b-g6vs6pccnb] {
    display: flex;
    justify-content: flex-end;
    gap: 16px;
    margin-top: 22px;
}

.close-btn[b-g6vs6pccnb] {
    border: none;
    background: transparent;
    font-size: 2rem;
    cursor: pointer;
}

.stock-error[b-g6vs6pccnb] {
    display: block;
    margin-top: 5px;
    color: #dc2626;
    font-size: 0.8rem;
}

.panel-overlay[b-g6vs6pccnb] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.15);
    z-index: 50;
}

.side-panel[b-g6vs6pccnb] {
    position: fixed;
    right: 0;
    top: 0;
    width: 420px;
    height: 100vh;
    background: white;
    z-index: 60;
    padding: 24px;
    box-shadow: -8px 0 24px rgba(15, 23, 42, 0.12);
    overflow-y: auto;
}

.panel-header[b-g6vs6pccnb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

    .panel-header h3[b-g6vs6pccnb] {
        margin: 0;
        font-size: 1.3rem;
    }

.panel-footer[b-g6vs6pccnb] {
    display: flex;
    justify-content: flex-end;
    gap: 14px;
    padding-top: 20px;
}

.action-buttons[b-g6vs6pccnb] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.view-btn[b-g6vs6pccnb],
.delete-btn-modern[b-g6vs6pccnb] {
    border: none;
    border-radius: 10px;
    padding: 10px 18px;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    transition: all .2s ease;
}

.view-btn[b-g6vs6pccnb] {
    background: #17233d;
    color: white;
}

    .view-btn:hover[b-g6vs6pccnb] {
        background: #243656;
        transform: translateY(-1px);
    }

.delete-btn-modern[b-g6vs6pccnb] {
    background: #fee2e2;
    color: #dc2626;
}

    .delete-btn-modern:hover[b-g6vs6pccnb] {
        background: #fecaca;
        transform: translateY(-1px);
    }


.validation-box[b-g6vs6pccnb] {
    background: #fff1f2;
    border: 1px solid #fecdd3;
    color: #be123c;
    padding: 14px 18px;
    border-radius: 14px;
    margin-bottom: 18px;
    font-weight: 600;
}

    .validation-box ul[b-g6vs6pccnb] {
        margin: 8px 0 0;
        padding-left: 22px;
    }

.validation-box li[b-g6vs6pccnb] {
        margin-bottom: 5px;
    }

/* Package list */
.packages-page[b-g6vs6pccnb] {
    --package-primary: #584cf4;
    --package-navy: #17233d;
    --package-muted: #77849a;
}

.message-box[b-g6vs6pccnb] {
    margin-bottom: 18px;
    padding: 13px 16px;
    border: 1px solid #ddd9ff;
    border-radius: 12px;
    background: #f5f3ff;
    color: #4338ca;
    font-size: .88rem;
    font-weight: 700;
}

.packages-header[b-g6vs6pccnb] {
    align-items: flex-end;
}

.packages-header h1[b-g6vs6pccnb] {
    margin-top: 4px;
}

.packages-header p[b-g6vs6pccnb] {
    margin: 6px 0 0;
    color: var(--package-muted);
    font-size: .9rem;
}

.page-kicker[b-g6vs6pccnb] {
    color: var(--package-primary);
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.add-btn[b-g6vs6pccnb],
.filter-toggle[b-g6vs6pccnb],
.view-btn[b-g6vs6pccnb],
.delete-btn-modern[b-g6vs6pccnb],
.confirm-delete-btn[b-g6vs6pccnb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.stats-grid[b-g6vs6pccnb] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}

.stat-card[b-g6vs6pccnb] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    padding: 18px;
    border: 1px solid #e7ebf2;
    border-radius: 16px;
    background: #fff;
    color: #1e293b;
    text-align: start;
    box-shadow: 0 8px 24px rgba(30, 41, 59, .045);
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.stat-card:hover[b-g6vs6pccnb] {
    transform: translateY(-2px);
    border-color: #d5d9e4;
    box-shadow: 0 12px 28px rgba(30, 41, 59, .075);
}

.stat-icon[b-g6vs6pccnb] {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    border-radius: 13px;
    font-size: 1.15rem;
}

.stat-card.total .stat-icon[b-g6vs6pccnb] { background: #eeecff; color: #584cf4; }
.stat-card.pending .stat-icon[b-g6vs6pccnb] { background: #fff5da; color: #b7791f; }
.stat-card.approved .stat-icon[b-g6vs6pccnb] { background: #e6f8ed; color: #168650; }
.stat-card.rejected .stat-icon[b-g6vs6pccnb] { background: #ffebeb; color: #d04444; }

.stat-content[b-g6vs6pccnb] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.stat-content strong[b-g6vs6pccnb] {
    color: #1b2740;
    font-size: 1.55rem;
    line-height: 1;
}

.stat-content small[b-g6vs6pccnb] {
    margin-top: 7px;
    overflow: hidden;
    color: #7d899c;
    font-size: .74rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.packages-list-card[b-g6vs6pccnb] {
    overflow: hidden;
    border: 1px solid #e7ebf2;
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 8px 25px rgba(30, 41, 59, .04);
}

.list-toolbar[b-g6vs6pccnb] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border-bottom: 1px solid #edf0f5;
}

.unified-search[b-g6vs6pccnb] {
    position: relative;
    display: flex;
    align-items: center;
    width: min(520px, 100%);
}

.unified-search > .bi[b-g6vs6pccnb] {
    position: absolute;
    inset-inline-start: 15px;
    color: #8792a5;
    pointer-events: none;
}

.unified-search input[b-g6vs6pccnb] {
    width: 100%;
    height: 44px;
    box-sizing: border-box;
    padding-inline: 43px 40px;
    border: 1px solid #dce2eb;
    border-radius: 11px;
    background: #fbfcfe;
    color: #1f2b43;
    outline: none;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.unified-search input:focus[b-g6vs6pccnb] {
    border-color: #786ff7;
    box-shadow: 0 0 0 3px rgba(88, 76, 244, .11);
}

.clear-search[b-g6vs6pccnb] {
    position: absolute;
    inset-inline-end: 9px;
    display: grid;
    place-items: center;
    width: 27px;
    height: 27px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #818ca0;
    font-size: 1.15rem;
    cursor: pointer;
}

.filter-toggle[b-g6vs6pccnb] {
    min-height: 44px;
    margin-inline-start: auto;
    padding: 0 16px;
    border: 1px solid #dce2eb;
    border-radius: 11px;
    background: #fff;
    color: #344158;
    font-weight: 800;
    cursor: pointer;
}

.filter-toggle.active[b-g6vs6pccnb] {
    border-color: #c9c5ff;
    background: #f2f0ff;
    color: #4d43d6;
}

.filter-count[b-g6vs6pccnb] {
    display: grid;
    place-items: center;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    border-radius: 999px;
    background: var(--package-primary);
    color: #fff;
    font-size: .68rem;
}

.filter-bar[b-g6vs6pccnb] {
    display: grid;
    grid-template-columns: repeat(4, minmax(145px, 1fr)) auto;
    gap: 12px;
    align-items: end;
    padding: 15px 16px;
    border-bottom: 1px solid #e9edf4;
    background: #f8f9fc;
}

.filter-field label[b-g6vs6pccnb] {
    display: block;
    margin-bottom: 6px;
    color: #667389;
    font-size: .7rem;
    font-weight: 800;
}

.filter-bar .form-control[b-g6vs6pccnb] {
    height: 42px;
    background: #fff;
}

.filter-actions[b-g6vs6pccnb] {
    display: flex;
    gap: 7px;
}

.filter-actions .cancel-btn[b-g6vs6pccnb],
.filter-actions .save-btn[b-g6vs6pccnb] {
    height: 42px;
    padding-inline: 15px;
    border-radius: 10px;
    white-space: nowrap;
}

.filter-actions .cancel-btn[b-g6vs6pccnb] {
    border: 1px solid #dce2eb;
    background: #fff;
}

.active-filters[b-g6vs6pccnb] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    padding: 11px 16px;
    border-bottom: 1px solid #edf0f5;
    background: #fff;
}

.active-filters-label[b-g6vs6pccnb] {
    margin-inline-end: 3px;
    color: #7f8a9c;
    font-size: .69rem;
    font-weight: 800;
}

.filter-chip[b-g6vs6pccnb] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 29px;
    padding: 0 10px;
    border: 1px solid #d9d5ff;
    border-radius: 999px;
    background: #f4f2ff;
    color: #5147ce;
    font-size: .68rem;
    font-weight: 750;
    cursor: pointer;
}

.filter-chip span[b-g6vs6pccnb] { font-size: .95rem; line-height: 1; }

.clear-all-filters[b-g6vs6pccnb] {
    margin-inline-start: auto;
    border: 0;
    background: transparent;
    color: #6d7788;
    font-size: .7rem;
    font-weight: 800;
    text-decoration: underline;
    cursor: pointer;
}

.packages-list-card .table-wrapper[b-g6vs6pccnb] {
    overflow-x: auto;
    border: 0;
    border-radius: 0;
}

.packages-table[b-g6vs6pccnb] {
    min-width: 1050px;
}

.packages-table th[b-g6vs6pccnb] {
    padding-block: 13px;
    font-size: .7rem;
    white-space: nowrap;
}

.packages-table td[b-g6vs6pccnb] {
    color: #465269;
    font-size: .76rem;
    vertical-align: middle;
}

.packages-table tbody tr:hover[b-g6vs6pccnb] { background: #fbfcff; }
.packages-table tbody tr:last-child td[b-g6vs6pccnb] { border-bottom: 0; }

.sort-button[b-g6vs6pccnb] {
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.tracking-number[b-g6vs6pccnb] { color: #3f3ab2; font-weight: 850; }
.ltr-value[b-g6vs6pccnb] { direction: ltr; unicode-bidi: isolate; }

.status-badge.cancelled[b-g6vs6pccnb] {
    background: #e9edf3;
    color: #596579;
}

.action-buttons[b-g6vs6pccnb],
.mobile-card-actions[b-g6vs6pccnb] {
    gap: 7px;
}

.view-btn[b-g6vs6pccnb],
.delete-btn-modern[b-g6vs6pccnb] {
    min-height: 35px;
    padding: 0 11px;
    border-radius: 9px;
    font-size: .68rem;
}

.view-btn[b-g6vs6pccnb] {
    background: #eeecff;
    color: #4e45d8;
}

.view-btn:hover[b-g6vs6pccnb] { background: #dfdcff; color: #4038bf; }

.delete-btn-modern[b-g6vs6pccnb] {
    border: 1px solid #fee2e2;
    background: #fff5f5;
}

.loading-state[b-g6vs6pccnb],
.empty-state[b-g6vs6pccnb] {
    display: flex;
    min-height: 260px;
    align-items: center;
    justify-content: center;
    color: #7d899c;
}

.loading-state[b-g6vs6pccnb] { gap: 10px; font-weight: 750; }

.empty-state[b-g6vs6pccnb] {
    flex-direction: column;
    padding: 28px;
    text-align: center;
}

.empty-state > .bi[b-g6vs6pccnb] {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    border-radius: 16px;
    background: #f0efff;
    color: #655bf5;
    font-size: 1.35rem;
}

.empty-state h3[b-g6vs6pccnb] { margin: 13px 0 4px; color: #26334b; font-size: 1rem; }
.empty-state p[b-g6vs6pccnb] { margin: 0; font-size: .77rem; }

.spinner[b-g6vs6pccnb] {
    width: 17px;
    height: 17px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: package-spin-b-g6vs6pccnb .7s linear infinite;
}

@keyframes package-spin-b-g6vs6pccnb { to { transform: rotate(360deg); } }

.pagination-bar[b-g6vs6pccnb] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 13px 16px;
    border-top: 1px solid #edf0f5;
    background: #fbfcfe;
}

.pagination-summary[b-g6vs6pccnb] {
    color: #7e899b;
    font-size: .7rem;
    font-weight: 700;
}

.page-size[b-g6vs6pccnb] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-inline-start: auto;
    color: #7e899b;
    font-size: .7rem;
    font-weight: 700;
}

.page-size select[b-g6vs6pccnb] {
    height: 34px;
    border: 1px solid #dce2eb;
    border-radius: 8px;
    background: #fff;
    color: #344158;
}

.pagination[b-g6vs6pccnb] { display: flex; gap: 5px; }

.pagination button[b-g6vs6pccnb] {
    display: grid;
    place-items: center;
    min-width: 34px;
    height: 34px;
    padding: 0 8px;
    border: 1px solid #dce2eb;
    border-radius: 8px;
    background: #fff;
    color: #516078;
    font-weight: 750;
    cursor: pointer;
}

.pagination button.active[b-g6vs6pccnb] {
    border-color: var(--package-primary);
    background: var(--package-primary);
    color: #fff;
}

.pagination button:disabled[b-g6vs6pccnb] { opacity: .42; cursor: not-allowed; }

.mobile-package-list[b-g6vs6pccnb] { display: none; }

/* Confirmation dialog */
.modal-overlay[b-g6vs6pccnb] {
    position: fixed;
    z-index: 1000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(15, 23, 42, .45);
    backdrop-filter: blur(3px);
}

.delete-modal[b-g6vs6pccnb] {
    width: min(430px, 100%);
    box-sizing: border-box;
    padding: 28px;
    border-radius: 18px;
    background: #fff;
    text-align: center;
    box-shadow: 0 24px 70px rgba(15, 23, 42, .24);
    animation: modal-in-b-g6vs6pccnb .18s ease-out;
}

.delete-modal-icon[b-g6vs6pccnb] {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    margin: 0 auto 15px;
    border-radius: 16px;
    background: #fff0f0;
    color: #cf3d3d;
    font-size: 1.35rem;
}

.delete-modal h2[b-g6vs6pccnb] { margin: 0 0 9px; color: #202c43; font-size: 1.25rem; }
.delete-modal p[b-g6vs6pccnb] { margin: 0; color: #768297; font-size: .8rem; line-height: 1.65; }
.delete-modal p span[b-g6vs6pccnb], .delete-modal p strong[b-g6vs6pccnb] { display: block; }
.delete-modal p strong[b-g6vs6pccnb] { margin-top: 7px; color: #344158; }

.delete-error[b-g6vs6pccnb] {
    display: flex;
    gap: 7px;
    align-items: center;
    margin-top: 14px;
    padding: 10px 12px;
    border-radius: 9px;
    background: #fff0f0;
    color: #b42318;
    font-size: .72rem;
    text-align: start;
}

.delete-modal-actions[b-g6vs6pccnb] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
    margin-top: 23px;
}

.delete-modal-actions .cancel-btn[b-g6vs6pccnb],
.confirm-delete-btn[b-g6vs6pccnb] {
    min-height: 42px;
    border-radius: 10px;
}

.delete-modal-actions .cancel-btn[b-g6vs6pccnb] { border: 1px solid #dce2eb; background: #fff; }

.confirm-delete-btn[b-g6vs6pccnb] {
    border: 0;
    background: #c83d35;
    color: #fff;
    font-weight: 800;
    cursor: pointer;
}

.confirm-delete-btn:disabled[b-g6vs6pccnb] { opacity: .62; cursor: wait; }

@keyframes modal-in-b-g6vs6pccnb {
    from { opacity: 0; transform: translateY(10px) scale(.985); }
    to { opacity: 1; transform: none; }
}

@media (max-width: 1150px) {
    .filter-bar[b-g6vs6pccnb] { grid-template-columns: repeat(2, minmax(180px, 1fr)); }
    .filter-actions[b-g6vs6pccnb] { justify-content: flex-end; grid-column: 1 / -1; }
}

@media (max-width: 900px) {
    .stats-grid[b-g6vs6pccnb] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .desktop-packages-table[b-g6vs6pccnb] { display: none; }
    .mobile-package-list[b-g6vs6pccnb] { display: grid; gap: 12px; padding: 14px; }

    .package-mobile-card[b-g6vs6pccnb] {
        padding: 15px;
        border: 1px solid #e7ebf2;
        border-radius: 14px;
        background: #fff;
        box-shadow: 0 5px 15px rgba(30, 41, 59, .035);
    }

    .mobile-card-head[b-g6vs6pccnb] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
    }

    .mobile-card-head > div[b-g6vs6pccnb] { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
    .mobile-card-head small[b-g6vs6pccnb], .mobile-package-meta small[b-g6vs6pccnb] { color: #8792a4; font-size: .64rem; }
    .mobile-card-head strong[b-g6vs6pccnb] { overflow: hidden; color: #403ab8; font-size: .83rem; text-overflow: ellipsis; }
    .package-mobile-card h3[b-g6vs6pccnb] { margin: 14px 0 12px; color: #27344b; font-size: .95rem; }

    .mobile-package-meta[b-g6vs6pccnb] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
        padding: 12px;
        border-radius: 10px;
        background: #f8f9fc;
    }

    .mobile-package-meta span[b-g6vs6pccnb] { display: flex; min-width: 0; flex-direction: column; gap: 4px; }
    .mobile-package-meta strong[b-g6vs6pccnb] { overflow: hidden; color: #435067; font-size: .74rem; text-overflow: ellipsis; white-space: nowrap; }
    .mobile-card-actions[b-g6vs6pccnb] { display: flex; justify-content: flex-end; margin-top: 13px; }
}

@media (max-width: 620px) {
    .packages-header[b-g6vs6pccnb] { align-items: stretch; flex-direction: column; gap: 15px; }
    .packages-header h1[b-g6vs6pccnb] { font-size: 1.7rem; }
    .packages-header .add-btn[b-g6vs6pccnb] { align-self: stretch; }
    .stats-grid[b-g6vs6pccnb] { gap: 9px; }
    .stat-card[b-g6vs6pccnb] { gap: 10px; padding: 13px; }
    .stat-icon[b-g6vs6pccnb] { width: 39px; height: 39px; flex-basis: 39px; }
    .stat-content strong[b-g6vs6pccnb] { font-size: 1.25rem; }
    .stat-content small[b-g6vs6pccnb] { font-size: .64rem; }
    .list-toolbar[b-g6vs6pccnb] { align-items: stretch; flex-direction: column; }
    .unified-search[b-g6vs6pccnb] { width: 100%; }
    .filter-toggle[b-g6vs6pccnb] { margin-inline-start: 0; }
    .filter-bar[b-g6vs6pccnb] { grid-template-columns: 1fr; }
    .filter-actions[b-g6vs6pccnb] { grid-column: auto; }
    .filter-actions button[b-g6vs6pccnb] { flex: 1; }
    .clear-all-filters[b-g6vs6pccnb] { width: 100%; margin: 4px 0 0; text-align: start; }
    .pagination-bar[b-g6vs6pccnb] { align-items: flex-start; flex-wrap: wrap; }
    .page-size[b-g6vs6pccnb] { margin-inline-start: auto; }
    .pagination[b-g6vs6pccnb] { width: 100%; justify-content: center; }
    .delete-modal[b-g6vs6pccnb] { padding: 22px 17px; }
    .delete-modal-actions[b-g6vs6pccnb] { grid-template-columns: 1fr; }
}

/* Add package workflow */
.generated-field[b-g6vs6pccnb],
.merchant-search-control[b-g6vs6pccnb],
.product-search-control[b-g6vs6pccnb] {
    position: relative;
    display: flex;
    align-items: center;
}

.generated-field > .bi[b-g6vs6pccnb],
.merchant-search-control > .bi[b-g6vs6pccnb],
.product-search-control > .bi[b-g6vs6pccnb] {
    position: absolute;
    z-index: 1;
    inset-inline-start: 14px;
    color: #756bf5;
    pointer-events: none;
}

.generated-field .form-control[b-g6vs6pccnb],
.merchant-search-control .form-control[b-g6vs6pccnb],
.product-search-control .form-control[b-g6vs6pccnb] {
    padding-inline-start: 41px;
}

.generated-field .form-control[b-g6vs6pccnb] {
    background: #f7f8fc;
    color: #778399;
    font-weight: 700;
}

.generated-field .tracking-preview[b-g6vs6pccnb] {
    direction: ltr;
    color: #465269;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    letter-spacing: .025em;
    text-align: left;
    unicode-bidi: isolate;
}

.field-help[b-g6vs6pccnb] {
    display: block;
    margin-top: 6px;
    color: #8994a6;
    font-size: .68rem;
    line-height: 1.45;
}

.merchant-card .vendor-layout[b-g6vs6pccnb] {
    align-items: start;
}

.merchant-avatar[b-g6vs6pccnb] {
    display: grid;
    place-items: center;
    background: #eeecff;
    color: #5a50ef;
    font-size: 1.55rem;
}

.merchant-fields[b-g6vs6pccnb] {
    min-width: 0;
}

.merchant-search-group[b-g6vs6pccnb] {
    position: relative;
    z-index: 4;
}

.lookup-status[b-g6vs6pccnb] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 8px;
    padding: 8px 10px;
    border-radius: 9px;
    font-size: .7rem;
    font-weight: 750;
}

.lookup-status.searching[b-g6vs6pccnb] {
    background: #eef2ff;
    color: #4f46e5;
}

.lookup-status.searching .bi[b-g6vs6pccnb] { animation: package-spin-b-g6vs6pccnb .75s linear infinite; }
.lookup-status.found[b-g6vs6pccnb] { background: #eaf8ef; color: #147a49; }
.lookup-status.notfound[b-g6vs6pccnb] { background: #fff7df; color: #9b6811; }
.lookup-status.error[b-g6vs6pccnb] { background: #fff0f0; color: #b42318; }

.merchant-results[b-g6vs6pccnb] {
    display: grid;
    gap: 6px;
    margin-top: 8px;
    padding: 7px;
    border: 1px solid #dde3ec;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 15px 35px rgba(30, 41, 59, .11);
}

.merchant-result[b-g6vs6pccnb] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 10px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: #354158;
    text-align: start;
    cursor: pointer;
}

.merchant-result:hover[b-g6vs6pccnb] { background: #f5f4ff; }

.merchant-result-icon[b-g6vs6pccnb] {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border-radius: 9px;
    background: #eeecff;
    color: #5a50ef;
}

.merchant-result-copy[b-g6vs6pccnb] {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
    gap: 3px;
}

.merchant-result-copy strong[b-g6vs6pccnb],
.merchant-result-copy small[b-g6vs6pccnb] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.merchant-result-copy strong[b-g6vs6pccnb] { font-size: .76rem; }
.merchant-result-copy small[b-g6vs6pccnb] { color: #8590a2; font-size: .65rem; }

.merchant-name-field[b-g6vs6pccnb] { margin-bottom: 0; }

.items-header[b-g6vs6pccnb] {
    gap: 24px;
}

.items-header h3[b-g6vs6pccnb] { margin-bottom: 5px; }

.items-header p[b-g6vs6pccnb] {
    margin: 0;
    color: #8490a3;
    font-size: .74rem;
}

.items-header .search-box[b-g6vs6pccnb] {
    width: min(390px, 100%);
    flex: 0 1 390px;
}

.items-toolbar[b-g6vs6pccnb] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 18px 0 12px;
}

.add-product-btn[b-g6vs6pccnb] {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 17px;
    border: 0;
    border-radius: 10px;
    background: #584cf4;
    color: #fff;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(88, 76, 244, .18);
}

.add-product-btn:disabled[b-g6vs6pccnb],
.footer-actions button:disabled[b-g6vs6pccnb],
.merchant-result:disabled[b-g6vs6pccnb],
.product-result:disabled[b-g6vs6pccnb] {
    opacity: .6;
    cursor: wait;
}

.items-toolbar-hint[b-g6vs6pccnb] {
    color: #8a95a7;
    font-size: .68rem;
}

.product-search-results[b-g6vs6pccnb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 13px;
    padding: 10px;
    border: 1px solid #dedbef;
    border-radius: 13px;
    background: #f8f7ff;
}

.product-result[b-g6vs6pccnb] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 11px 12px;
    border: 1px solid #e4e2f5;
    border-radius: 10px;
    background: #fff;
    color: #344158;
    text-align: start;
    cursor: pointer;
    transition: border-color .16s ease, transform .16s ease;
}

.product-result:hover[b-g6vs6pccnb] {
    transform: translateY(-1px);
    border-color: #aaa3fb;
}

.product-result-main[b-g6vs6pccnb] {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
    gap: 3px;
}

.product-result-main strong[b-g6vs6pccnb],
.product-result-main small[b-g6vs6pccnb] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product-result-main strong[b-g6vs6pccnb] { font-size: .74rem; }
.product-result-main small[b-g6vs6pccnb] { color: #8b95a6; font-size: .64rem; }

.product-stock[b-g6vs6pccnb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding-inline: 10px;
    border-inline-start: 1px solid #edf0f5;
}

.product-stock small[b-g6vs6pccnb] { color: #8b95a6; font-size: .58rem; }
.product-stock strong[b-g6vs6pccnb] { color: #168650; font-size: .75rem; }
.product-result-action[b-g6vs6pccnb] { color: #5b50ef; font-size: 1.05rem; }

.no-product-results[b-g6vs6pccnb] {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 55px;
    color: #7e899b;
    font-size: .73rem;
}

.product-notice[b-g6vs6pccnb] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 12px;
    padding: 9px 11px;
    border-radius: 9px;
    background: #eef2ff;
    color: #4f46e5;
    font-size: .7rem;
    font-weight: 700;
}

.items-table-wrapper[b-g6vs6pccnb] {
    overflow-x: auto;
    border: 1px solid #e7ebf2;
    border-radius: 12px;
}

.items-table-wrapper .items-table[b-g6vs6pccnb] {
    min-width: 1050px;
}

.stock-pill[b-g6vs6pccnb] {
    display: inline-flex;
    min-width: 44px;
    min-height: 28px;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    border-radius: 999px;
    background: #eaf8ef;
    color: #168650;
    font-size: .72rem;
    font-weight: 850;
}

.stock-pill.low[b-g6vs6pccnb] { background: #fff4da; color: #a26910; }

.table-input.input-error[b-g6vs6pccnb] {
    border-color: #e05252;
    background: #fff8f8;
    box-shadow: 0 0 0 2px rgba(224, 82, 82, .09);
}

.items-summary[b-g6vs6pccnb] {
    position: sticky;
    z-index: 5;
    bottom: 12px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    width: fit-content;
    margin: 14px 0 0 auto;
    padding: 9px;
    border: 1px solid #dedbea;
    border-radius: 13px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 12px 30px rgba(30, 41, 59, .13);
    backdrop-filter: blur(8px);
}

.items-summary > div[b-g6vs6pccnb] {
    display: flex;
    min-width: 150px;
    align-items: center;
    gap: 9px;
    padding: 7px 11px;
    border-radius: 9px;
    background: #f7f8fc;
}

.summary-icon[b-g6vs6pccnb] {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border-radius: 9px;
    background: #eae8ff;
    color: #574ced;
}

.items-summary > div > span:last-child[b-g6vs6pccnb] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.items-summary small[b-g6vs6pccnb] { color: #8691a4; font-size: .6rem; }
.items-summary strong[b-g6vs6pccnb] { color: #26334b; font-size: .78rem; }

.footer-actions .save-btn[b-g6vs6pccnb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 160px;
}

@media (max-width: 900px) {
    .cards-grid[b-g6vs6pccnb] { grid-template-columns: 1fr; }
    .items-header[b-g6vs6pccnb] { align-items: stretch; flex-direction: column; }
    .items-header .search-box[b-g6vs6pccnb] { width: 100%; flex-basis: auto; }
    .product-search-results[b-g6vs6pccnb] { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
    .vendor-layout[b-g6vs6pccnb] { grid-template-columns: 1fr; }
    .merchant-avatar[b-g6vs6pccnb] { display: none; }
    .grid-2[b-g6vs6pccnb] { grid-template-columns: 1fr; }
    .items-toolbar[b-g6vs6pccnb] { align-items: stretch; flex-direction: column; }
    .add-product-btn[b-g6vs6pccnb] { width: 100%; }
    .items-summary[b-g6vs6pccnb] { position: static; width: 100%; box-sizing: border-box; flex-direction: column; }
    .items-summary > div[b-g6vs6pccnb] { min-width: 0; }
    .footer-actions[b-g6vs6pccnb] { position: sticky; z-index: 6; bottom: 0; padding: 12px; background: rgba(246, 248, 251, .96); }
    .footer-actions button[b-g6vs6pccnb] { flex: 1; }
}
/* /Components/Pages/Vendor/Products.razor.rz.scp.css */
.products-page[b-xcsv1xd5lv] {
    --products-primary: #584cf4;
    --products-navy: #1d2941;
    --products-muted: #7c889b;
    color: var(--products-navy);
}

.page-header[b-xcsv1xd5lv] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
}

.page-kicker[b-xcsv1xd5lv] {
    color: var(--products-primary);
    font-size: .67rem;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.page-header h1[b-xcsv1xd5lv],
.form-page-header h1[b-xcsv1xd5lv] {
    margin: 4px 0 5px;
    font-size: 2rem;
    font-weight: 850;
}

.page-header p[b-xcsv1xd5lv],
.form-page-header p[b-xcsv1xd5lv],
.card-heading p[b-xcsv1xd5lv] {
    margin: 0;
    color: var(--products-muted);
}

.add-btn[b-xcsv1xd5lv],
.save-btn[b-xcsv1xd5lv] {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 20px;
    border: 0;
    border-radius: 11px;
    background: var(--products-primary);
    color: #fff;
    font-weight: 800;
    box-shadow: 0 9px 20px rgba(88, 76, 244, .18);
    cursor: pointer;
}

.message-box[b-xcsv1xd5lv],
.form-message[b-xcsv1xd5lv] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    padding: 12px 15px;
    border: 1px solid #dedaff;
    border-radius: 11px;
    background: #f2f0ff;
    color: #4338ca;
    font-size: .78rem;
    font-weight: 750;
}

.form-message[b-xcsv1xd5lv] {
    border-color: #fed3d3;
    background: #fff4f4;
    color: #b42318;
}

.table-wrapper[b-xcsv1xd5lv] {
    overflow-x: auto;
    border: 1px solid #e5eaf2;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 25px rgba(30, 41, 59, .04);
}

.products-table[b-xcsv1xd5lv] {
    width: 100%;
    min-width: 900px;
    border-collapse: collapse;
}

.products-table th[b-xcsv1xd5lv],
.products-table td[b-xcsv1xd5lv] {
    padding: 15px 14px;
    border-bottom: 1px solid #edf1f6;
    text-align: start;
}

.products-table th[b-xcsv1xd5lv] {
    background: #f8f9fc;
    color: #69768b;
    font-size: .7rem;
    font-weight: 850;
}

.products-table td[b-xcsv1xd5lv] {
    color: #4c586e;
    font-size: .76rem;
}

.products-table tbody tr:hover[b-xcsv1xd5lv] { background: #fbfcff; }
.products-table tbody tr:last-child td[b-xcsv1xd5lv] { border-bottom: 0; }
.product-name[b-xcsv1xd5lv] { color: #26334b; }

.sku-value[b-xcsv1xd5lv] {
    direction: ltr;
    unicode-bidi: isolate;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}

.empty-cell[b-xcsv1xd5lv] {
    padding: 38px !important;
    color: #7b8799;
    text-align: center !important;
}

.status-badge[b-xcsv1xd5lv] {
    display: inline-flex;
    padding: 6px 11px;
    border-radius: 999px;
    font-size: .69rem;
    font-weight: 800;
}

.status-badge.active[b-xcsv1xd5lv] { background: #dcfce7; color: #15803d; }
.status-badge.inactive[b-xcsv1xd5lv] { background: #f1f5f9; color: #64748b; }

.edit-btn[b-xcsv1xd5lv],
.cancel-btn[b-xcsv1xd5lv],
.back-btn[b-xcsv1xd5lv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 38px;
    padding: 0 13px;
    border: 1px solid #d9e1ec;
    border-radius: 9px;
    background: #fff;
    color: #354158;
    font-weight: 750;
    cursor: pointer;
}

.edit-btn[b-xcsv1xd5lv] {
    border-color: #dcd8ff;
    background: #f1efff;
    color: #5147d8;
}

.edit-btn:hover[b-xcsv1xd5lv] { background: #e6e3ff; }

.product-form-page[b-xcsv1xd5lv] { width: 100%; }
.form-page-header[b-xcsv1xd5lv] { margin-bottom: 20px; }

.back-btn[b-xcsv1xd5lv] {
    margin-bottom: 17px;
    color: #59667b;
}

.back-btn:hover[b-xcsv1xd5lv] { border-color: #bbb6fb; color: #4d43d7; }
html[dir="rtl"] .back-btn .bi[b-xcsv1xd5lv] { transform: rotate(180deg); }

.form-title-row[b-xcsv1xd5lv] {
    display: flex;
    align-items: center;
    gap: 15px;
}

.form-title-icon[b-xcsv1xd5lv] {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    border-radius: 15px;
    background: #eeecff;
    color: #584cf4;
    font-size: 1.3rem;
}

.form-page-header h1[b-xcsv1xd5lv] { font-size: 1.7rem; }
.form-page-header p[b-xcsv1xd5lv] { font-size: .82rem; }

.product-form-grid[b-xcsv1xd5lv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.form-card[b-xcsv1xd5lv] {
    min-width: 0;
    padding: 21px;
    border: 1px solid #e5eaf2;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 7px 22px rgba(30, 41, 59, .035);
}

.card-heading[b-xcsv1xd5lv] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #edf1f5;
}

.card-icon[b-xcsv1xd5lv] {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border-radius: 11px;
    background: #f0eeff;
    color: #5a50ed;
}

.card-heading h2[b-xcsv1xd5lv] {
    margin: 0 0 3px;
    color: #27344b;
    font-size: .95rem;
    font-weight: 850;
}

.card-heading p[b-xcsv1xd5lv] { font-size: .68rem; }

.form-grid[b-xcsv1xd5lv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 13px;
}

.form-span-2[b-xcsv1xd5lv] { grid-column: 1 / -1; }
.form-group[b-xcsv1xd5lv] { min-width: 0; margin-bottom: 16px; }
.form-group-last[b-xcsv1xd5lv] { margin-bottom: 0; }

.form-group > label:first-child[b-xcsv1xd5lv] {
    display: block;
    margin-bottom: 7px;
    color: #344158;
    font-size: .73rem;
    font-weight: 800;
}

[b-xcsv1xd5lv] .form-control {
    width: 100%;
    min-height: 46px;
    box-sizing: border-box;
    padding: 0 13px;
    border: 1px solid #dbe2ec;
    border-radius: 10px;
    background: #fff;
    color: #26334b;
    font: inherit;
}

[b-xcsv1xd5lv] .form-control:focus {
    border-color: #756bf5;
    outline: none;
    box-shadow: 0 0 0 3px rgba(88, 76, 244, .1);
}

[b-xcsv1xd5lv] .form-control:disabled { background: #f7f8fb; color: #778399; }

[b-xcsv1xd5lv] .textarea {
    min-height: 108px;
    padding-top: 12px;
    resize: vertical;
}

[b-xcsv1xd5lv] .validation-message {
    display: block;
    margin-top: 5px;
    color: #be123c;
    font-size: .67rem;
}

.status-control[b-xcsv1xd5lv] {
    display: flex !important;
    min-height: 46px;
    align-items: center;
    gap: 10px;
    box-sizing: border-box;
    margin: 0 !important;
    padding: 7px 11px;
    border: 1px solid #dbe2ec;
    border-radius: 10px;
    background: #fafbfd;
    cursor: pointer;
}

.status-control > span[b-xcsv1xd5lv] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.status-control strong[b-xcsv1xd5lv] { color: #344158; font-size: .7rem; }
.status-control small[b-xcsv1xd5lv] { color: #8a95a7; font-size: .58rem; line-height: 1.35; }

.form-page-footer[b-xcsv1xd5lv] {
    position: sticky;
    z-index: 8;
    bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 18px;
    padding: 14px 16px;
    border: 1px solid #e1e5ed;
    border-radius: 14px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 14px 35px rgba(30, 41, 59, .12);
    backdrop-filter: blur(9px);
}

.form-page-footer > div:first-child[b-xcsv1xd5lv] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.form-page-footer strong[b-xcsv1xd5lv] { color: #303d54; font-size: .77rem; }
.form-page-footer span[b-xcsv1xd5lv] { color: #8a95a7; font-size: .65rem; }
.form-actions[b-xcsv1xd5lv] { display: flex; gap: 9px; }
.form-actions .save-btn[b-xcsv1xd5lv] { min-width: 125px; }
.save-btn span[b-xcsv1xd5lv] { color: inherit; }

.save-btn:disabled[b-xcsv1xd5lv],
.cancel-btn:disabled[b-xcsv1xd5lv],
.back-btn:disabled[b-xcsv1xd5lv] { opacity: .62; cursor: wait; }

.spinner[b-xcsv1xd5lv] {
    width: 16px;
    height: 16px;
    border: 2px solid currentColor;
    border-inline-end-color: transparent;
    border-radius: 50%;
    animation: product-spin-b-xcsv1xd5lv .7s linear infinite;
}

@keyframes product-spin-b-xcsv1xd5lv { to { transform: rotate(360deg); } }

@media (max-width: 900px) {
    .product-form-grid[b-xcsv1xd5lv] { grid-template-columns: 1fr; }
}

@media (max-width: 650px) {
    .page-header[b-xcsv1xd5lv] {
        align-items: stretch;
        flex-direction: column;
    }

    .page-header .add-btn[b-xcsv1xd5lv] { width: 100%; }
    .form-title-icon[b-xcsv1xd5lv] { display: none; }
    .form-grid[b-xcsv1xd5lv] { grid-template-columns: 1fr; }
    .form-span-2[b-xcsv1xd5lv] { grid-column: auto; }
    .form-group-last[b-xcsv1xd5lv] { margin-bottom: 16px; }
    .form-group:last-child[b-xcsv1xd5lv] { margin-bottom: 0; }

    .form-page-footer[b-xcsv1xd5lv] {
        bottom: 0;
        align-items: stretch;
        flex-direction: column;
    }

    .form-actions[b-xcsv1xd5lv] { width: 100%; }
    .form-actions button[b-xcsv1xd5lv] { flex: 1; }
}
/* /Components/Pages/Vendor/Profile.razor.rz.scp.css */
.profile-page[b-52n86pmfdf] {
    padding: 32px;
}

.profile-card[b-52n86pmfdf] {
    max-width: 720px;
    background: white;
    border-radius: 24px;
    padding: 36px;
    box-shadow: 0 16px 40px rgba(15, 23, 42, .08);
}

.profile-avatar-large[b-52n86pmfdf] {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: #eef2ff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    font-size: 42px;
}

.profile-card h1[b-52n86pmfdf] {
    margin: 0 0 28px;
    color: #17233d;
}

.profile-grid[b-52n86pmfdf] {
    display: grid;
    gap: 18px;
}

.profile-field label[b-52n86pmfdf] {
    display: block;
    font-weight: 700;
    margin-bottom: 8px;
    color: #17233d;
}

.profile-field input[b-52n86pmfdf] {
    width: 100%;
    height: 50px;
    border: 1px solid #d8e0ec;
    border-radius: 12px;
    padding: 0 14px;
    font-size: 15px;
    background: #f8fafc;
}
/* /Components/Pages/Vendor/Report.razor.rz.scp.css */
.vendor-report-page[b-5gi56ht4dl] {
    font-family: Arial, Helvetica, sans-serif;
    color: #1f2940;
}

.report-header[b-5gi56ht4dl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
    flex-wrap: wrap;
}

    .report-header h1[b-5gi56ht4dl] {
        margin: 0;
        font-size: 2.2rem;
        font-weight: 800;
        color: #1f2940;
    }

.report-actions[b-5gi56ht4dl] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.report-tabs[b-5gi56ht4dl] {
    display: flex;
    gap: 8px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e4ebf5;
}

.report-tab[b-5gi56ht4dl] {
    border: 0;
    border-bottom: 3px solid transparent;
    background: transparent;
    color: #66758f;
    padding: 12px 20px;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
}

.report-tab.active[b-5gi56ht4dl] {
    color: #5148f5;
    border-bottom-color: #5148f5;
}

.report-message[b-5gi56ht4dl] {
    margin-bottom: 18px;
    padding: 12px 16px;
    border-radius: 10px;
}

.report-message.error[b-5gi56ht4dl] {
    background: #fff1f2;
    color: #be123c;
}

.report-message.success[b-5gi56ht4dl] {
    background: #ecfdf3;
    color: #15803d;
}

.icon-btn[b-5gi56ht4dl],
.filter-btn[b-5gi56ht4dl] {
    height: 40px;
    border-radius: 999px;
    border: 1px solid #d9e2ef;
    background: #fff;
    color: #1f2940;
    cursor: pointer;
    font-size: 0.95rem;
    font-weight: 700;
    transition: 0.2s ease;
}

.icon-btn[b-5gi56ht4dl] {
    min-width: 58px;
    padding: 0 16px;
}

.filter-btn[b-5gi56ht4dl] {
    padding: 0 22px;
    background: #172554;
    border-color: #172554;
    color: #fff;
}

    .icon-btn:hover[b-5gi56ht4dl],
    .filter-btn:hover[b-5gi56ht4dl] {
        transform: translateY(-1px);
    }

.report-table-wrapper[b-5gi56ht4dl] {
    background: #fff;
    border: 1px solid #e4ebf5;
    overflow-x: auto;
}

.report-table[b-5gi56ht4dl] {
    width: 100%;
    border-collapse: collapse;
    min-width: 1000px;
}

.employee-report-table[b-5gi56ht4dl] {
    min-width: 640px;
}

.package-report-table[b-5gi56ht4dl] {
    min-width: 900px;
}

.sales-report-table[b-5gi56ht4dl] {
    min-width: 1720px;
}

.custody-report-table[b-5gi56ht4dl] {
    min-width: 1180px;
}

.remittance-history-table[b-5gi56ht4dl] {
    min-width: 1050px;
}

.custody-summary-grid[b-5gi56ht4dl] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}

.custody-summary-card[b-5gi56ht4dl] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 18px;
    border: 1px solid #e4ebf5;
    border-radius: 14px;
    background: #fff;
}

.custody-summary-card span[b-5gi56ht4dl] {
    color: #66758f;
    font-weight: 700;
}

.custody-summary-card strong[b-5gi56ht4dl] {
    color: #1f2940;
    font-size: 1.5rem;
}

.custody-summary-card.outstanding[b-5gi56ht4dl] {
    background: #fff8ed;
    border-color: #fed7aa;
}

.custody-summary-card.outstanding strong[b-5gi56ht4dl],
.custody-balance[b-5gi56ht4dl] {
    color: #c2410c !important;
    font-weight: 800;
}

.custody-amount-input[b-5gi56ht4dl] {
    width: 140px;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #d9e2ef;
    border-radius: 9px;
}

.receive-custody-btn[b-5gi56ht4dl] {
    min-width: 100px;
    height: 40px;
    border: 0;
    border-radius: 9px;
    background: #5148f5;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}

.receive-custody-btn:disabled[b-5gi56ht4dl] {
    cursor: not-allowed;
    opacity: 0.55;
}

.remittance-history-title[b-5gi56ht4dl] {
    margin: 28px 0 14px;
    font-size: 1.35rem;
    color: #1f2940;
}

.invoice-download-btn[b-5gi56ht4dl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 88px;
    height: 36px;
    padding: 0 13px;
    border: 1px solid #d8d5ff;
    border-radius: 9px;
    background: #f1f0ff;
    color: #5148f5;
    font-weight: 700;
    cursor: pointer;
}

.invoice-download-btn:hover:not(:disabled)[b-5gi56ht4dl] {
    background: #5148f5;
    color: #fff;
}

.invoice-download-btn:disabled[b-5gi56ht4dl] {
    cursor: wait;
    opacity: 0.65;
}

.employee-report-table th:nth-child(n+2)[b-5gi56ht4dl],
.employee-report-table td:nth-child(n+2)[b-5gi56ht4dl] {
    text-align: center;
}

.employee-report-link[b-5gi56ht4dl] {
    color: #5148f5;
    font-weight: 700;
    text-decoration: none;
}

.employee-report-link:hover[b-5gi56ht4dl] {
    text-decoration: underline;
}

.package-report-toolbar[b-5gi56ht4dl] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    margin-bottom: 16px;
}

.package-report-toolbar label[b-5gi56ht4dl] {
    color: #344054;
    font-size: 0.98rem;
    font-weight: 700;
}

.status-filter[b-5gi56ht4dl] {
    min-width: 220px;
    height: 44px;
    padding: 0 14px;
    border: 1px solid #d9e2ef;
    border-radius: 12px;
    background: #fff;
    color: #1f2940;
    font-size: 1rem;
}

.status-filter:focus[b-5gi56ht4dl] {
    border-color: #5148f5;
    box-shadow: 0 0 0 3px rgba(81, 72, 245, 0.12);
    outline: none;
}

    .report-table thead th[b-5gi56ht4dl] {
        text-align: left;
        padding: 18px 12px;
        background: #f8fbff;
        color: #66758f;
        font-size: 0.98rem;
        font-weight: 700;
        border-bottom: 1px solid #e7edf6;
    }

    .report-table tbody td[b-5gi56ht4dl] {
        padding: 16px 12px;
        font-size: 1rem;
        color: #344054;
        border-bottom: 1px solid #edf2f8;
    }

.empty-cell[b-5gi56ht4dl] {
    text-align: center;
    color: #7b8799;
    padding: 30px 20px !important;
}

.status-badge[b-5gi56ht4dl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 96px;
    height: 30px;
    padding: 0 14px;
    border-radius: 999px;
    font-size: 0.9rem;
    font-weight: 700;
}

    .status-badge.received[b-5gi56ht4dl] {
        background: #dff3e7;
        color: #15803d;
    }

    .status-badge.approved[b-5gi56ht4dl] {
        background: #dbeafe;
        color: #2563eb;
    }

    .status-badge.pending[b-5gi56ht4dl] {
        background: #fff4cc;
        color: #b58105;
    }

    .status-badge.rejected[b-5gi56ht4dl] {
        background: #fee2e2;
        color: #dc2626;
    }

    .status-badge.pending[b-5gi56ht4dl] {
        background: #ffe8cc;
        color: #f97316; /* برتقالي قوي */
    }

    .status-badge.neutral[b-5gi56ht4dl] {
        background: #eef2f7;
        color: #475467;
    }


@media (max-width: 900px) {
    .report-header[b-5gi56ht4dl] {
        flex-direction: column;
        align-items: flex-start;
    }

    .package-report-toolbar[b-5gi56ht4dl] {
        justify-content: flex-start;
        width: 100%;
    }

    .status-filter[b-5gi56ht4dl] {
        width: 100%;
    }

    .custody-summary-grid[b-5gi56ht4dl] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Vendor/Requests.razor.rz.scp.css */
.requests-page[b-lmspdzwqxm] { padding: 32px; color: #18233c; max-width: 1440px; margin: auto; }
.requests-header[b-lmspdzwqxm], .card-heading[b-lmspdzwqxm] { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.eyebrow[b-lmspdzwqxm] { color: #5264df; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
h1[b-lmspdzwqxm] { font-size: 32px; margin: 8px 0; } h2[b-lmspdzwqxm] { font-size: 20px; margin: 0 0 6px; }
.requests-header p[b-lmspdzwqxm], small[b-lmspdzwqxm], dt[b-lmspdzwqxm], .card-heading div > span[b-lmspdzwqxm] { color: #68738a; }
.stats[b-lmspdzwqxm] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin: 28px 0; }
.stats > div[b-lmspdzwqxm] { background: white; border: 1px solid #e3e7f0; border-radius: 16px; padding: 20px; }
.stats span[b-lmspdzwqxm], .stats strong[b-lmspdzwqxm] { display: block; } .stats strong[b-lmspdzwqxm] { font-size: 30px; margin-top: 8px; }
.filters[b-lmspdzwqxm] { display: flex; gap: 12px; margin-bottom: 24px; } .filters input[b-lmspdzwqxm] { flex: 1; min-width: 0; }
input[b-lmspdzwqxm], select[b-lmspdzwqxm] { padding: 12px; border: 1px solid #dce1eb; background: white; border-radius: 9px; color: #18233c; }
button[b-lmspdzwqxm] { background: #3858d6; color: white; border: 0; padding: 12px 20px; border-radius: 9px; font-weight: 600; cursor: pointer; }
button:disabled[b-lmspdzwqxm] { opacity: .5; cursor: default; } button.secondary[b-lmspdzwqxm] { background: white; border: 1px solid #dce1eb; color: #18233c; }
.request-list[b-lmspdzwqxm] { display: grid; gap: 18px; } .request-card[b-lmspdzwqxm] { background: white; border: 1px solid #e3e7f0; border-radius: 18px; padding: 24px; }
.badge[b-lmspdzwqxm] { border-radius: 30px; padding: 7px 12px; background: #eef1ff; color: #3858d6; white-space: nowrap; font-size: 13px; }
dl[b-lmspdzwqxm] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin: 24px 0; } dt[b-lmspdzwqxm] { font-size: 13px; margin-bottom: 6px; } dd[b-lmspdzwqxm] { margin: 0; overflow-wrap: anywhere; }
.request-card p[b-lmspdzwqxm] { margin: 8px 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.assignment[b-lmspdzwqxm] { display: flex; align-items: center; gap: 12px; border-top: 1px solid #edf0f6; padding-top: 20px; margin: 20px 0 12px; }
.assignment select[b-lmspdzwqxm] { flex: 1; min-width: 0; }
.notice[b-lmspdzwqxm] { padding: 16px; margin: 16px 0; border-radius: 10px; background: #eef1ff; } .error[b-lmspdzwqxm] { background: #fff0ef; color: #9e2923; } .success[b-lmspdzwqxm] { background: #eaf8f0; color: #216543; }
.empty[b-lmspdzwqxm] { padding: 60px 20px; text-align: center; background: white; border: 1px solid #e3e7f0; border-radius: 18px; }
@media (max-width: 800px) { .requests-page[b-lmspdzwqxm] { padding: 20px 12px; } .stats[b-lmspdzwqxm] { grid-template-columns: repeat(2, 1fr); } dl[b-lmspdzwqxm] { grid-template-columns: repeat(2, 1fr); } .assignment[b-lmspdzwqxm], .filters[b-lmspdzwqxm] { flex-direction: column; align-items: stretch; } .card-heading[b-lmspdzwqxm] { align-items: flex-start; flex-wrap: wrap; } }
/* /Components/Pages/Vendor/Returns.razor.rz.scp.css */
.returns-page[b-d2ks0q4yhs] {
    color: #1f2940;
}

.returns-header[b-d2ks0q4yhs] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}

.page-eyebrow[b-d2ks0q4yhs] {
    display: block;
    margin-bottom: 7px;
    color: #635bff;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.returns-header h1[b-d2ks0q4yhs] {
    margin: 0;
    font-size: clamp(2rem, 3vw, 2.65rem);
    font-weight: 850;
}

.returns-header p[b-d2ks0q4yhs] {
    max-width: 720px;
    margin: 8px 0 0;
    color: #718096;
    line-height: 1.6;
}

.refresh-button[b-d2ks0q4yhs] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 44px;
    padding: 0 18px;
    border: 1px solid #dfe5ef;
    border-radius: 12px;
    background: #fff;
    color: #25324a;
    font: inherit;
    font-weight: 750;
    cursor: pointer;
}

.refresh-button:disabled[b-d2ks0q4yhs] {
    cursor: wait;
    opacity: .65;
}

.returns-alert[b-d2ks0q4yhs] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    padding: 14px 16px;
    border: 1px solid;
    border-radius: 13px;
    font-weight: 650;
}

.returns-alert.success[b-d2ks0q4yhs] { border-color: #bbf7d0; background: #f0fdf4; color: #15803d; }
.returns-alert.error[b-d2ks0q4yhs] { border-color: #fecaca; background: #fef2f2; color: #b91c1c; }

.returns-alert span[b-d2ks0q4yhs] { flex: 1; }
.returns-alert button[b-d2ks0q4yhs] { border: 0; background: transparent; color: inherit; font-size: 1.25rem; cursor: pointer; }

.return-stats[b-d2ks0q4yhs] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 22px;
}

.return-stats article[b-d2ks0q4yhs] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 104px;
    padding: 18px;
    border: 1px solid #e4e9f2;
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 8px 28px rgba(25, 39, 66, .04);
}

.stat-icon[b-d2ks0q4yhs] {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 14px;
    font-size: 1.25rem;
}

.stat-icon.all[b-d2ks0q4yhs] { background: #eef2ff; color: #4f46e5; }
.stat-icon.pending[b-d2ks0q4yhs] { background: #fff4dd; color: #b66a0d; }
.stat-icon.received[b-d2ks0q4yhs] { background: #e9f8f1; color: #14845e; }
.stat-icon.rejected[b-d2ks0q4yhs] { background: #fff0f0; color: #c44747; }

.return-stats small[b-d2ks0q4yhs] {
    display: block;
    margin-bottom: 3px;
    color: #7a879b;
    font-weight: 650;
}

.return-stats strong[b-d2ks0q4yhs] {
    color: #1e2a43;
    font-size: 1.65rem;
}

.returns-workspace[b-d2ks0q4yhs] {
    border: 1px solid #e4e9f2;
    border-radius: 18px;
    background: #fff;
    overflow: hidden;
}

.returns-toolbar[b-d2ks0q4yhs] {
    display: flex;
    align-items: flex-end;
    gap: 16px;
    padding: 18px;
    border-bottom: 1px solid #edf0f5;
}

.search-field[b-d2ks0q4yhs] {
    position: relative;
    flex: 1;
}

.search-field i[b-d2ks0q4yhs] {
    position: absolute;
    top: 50%;
    inset-inline-start: 15px;
    color: #8995a8;
    transform: translateY(-50%);
}

.search-field input[b-d2ks0q4yhs],
.status-filter select[b-d2ks0q4yhs] {
    width: 100%;
    height: 46px;
    border: 1px solid #dbe2ec;
    border-radius: 12px;
    background: #fff;
    color: #25324a;
    font: inherit;
}

.search-field input[b-d2ks0q4yhs] {
    padding: 0 16px 0 44px;
}

[dir="rtl"] .search-field input[b-d2ks0q4yhs] {
    padding: 0 44px 0 16px;
}

.status-filter[b-d2ks0q4yhs] {
    width: 210px;
}

.status-filter span[b-d2ks0q4yhs] {
    display: block;
    margin-bottom: 6px;
    color: #68758a;
    font-size: .78rem;
    font-weight: 750;
}

.status-filter select[b-d2ks0q4yhs] { padding: 0 12px; }

.returns-table-wrap[b-d2ks0q4yhs] { overflow-x: auto; }

.returns-table[b-d2ks0q4yhs] {
    width: 100%;
    min-width: 1160px;
    border-collapse: collapse;
}

.returns-table th[b-d2ks0q4yhs] {
    padding: 15px;
    background: #f7f9fc;
    color: #67768d;
    text-align: start;
    font-size: .78rem;
    font-weight: 800;
}

.returns-table td[b-d2ks0q4yhs] {
    padding: 16px 15px;
    border-top: 1px solid #eef1f6;
    color: #334158;
    vertical-align: middle;
}

.product-cell[b-d2ks0q4yhs] {
    display: flex;
    align-items: center;
    gap: 11px;
}

.product-icon[b-d2ks0q4yhs] {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 11px;
    background: #eef4ff;
    color: #286fe5;
}

.product-cell strong[b-d2ks0q4yhs],
.product-cell small[b-d2ks0q4yhs],
.notes[b-d2ks0q4yhs] { display: block; }
.product-cell small[b-d2ks0q4yhs],
.notes[b-d2ks0q4yhs],
.processed-at[b-d2ks0q4yhs] { margin-top: 4px; color: #8490a3; font-size: .76rem; }
.notes[b-d2ks0q4yhs] { max-width: 220px; line-height: 1.4; }
.quantity-value[b-d2ks0q4yhs] { font-size: 1.05rem; font-weight: 800; }

.status-badge[b-d2ks0q4yhs] {
    display: inline-flex;
    padding: 6px 11px;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 800;
}

.status-badge.pending[b-d2ks0q4yhs] { background: #fff3d8; color: #a7610a; }
.status-badge.received[b-d2ks0q4yhs] { background: #e8f7f0; color: #16865f; }
.status-badge.rejected[b-d2ks0q4yhs] { background: #fff0f0; color: #b83c3c; }

.row-actions[b-d2ks0q4yhs],
.dialog-actions[b-d2ks0q4yhs] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.receive-button[b-d2ks0q4yhs],
.reject-button[b-d2ks0q4yhs],
.cancel-button[b-d2ks0q4yhs] {
    min-height: 40px;
    padding: 0 14px;
    border-radius: 10px;
    font: inherit;
    font-size: .8rem;
    font-weight: 750;
    cursor: pointer;
    white-space: nowrap;
}

.receive-button[b-d2ks0q4yhs] { border: 1px solid #16865f; background: #16865f; color: #fff; }
.reject-button[b-d2ks0q4yhs] { border: 1px solid #e8b0b0; background: #fff; color: #b83c3c; }
.cancel-button[b-d2ks0q4yhs] { border: 1px solid #dce2eb; background: #fff; color: #5c687b; }
.receive-button:disabled[b-d2ks0q4yhs],
.reject-button:disabled[b-d2ks0q4yhs],
.cancel-button:disabled[b-d2ks0q4yhs] { cursor: not-allowed; opacity: .6; }

.returns-state[b-d2ks0q4yhs] {
    display: grid;
    justify-items: center;
    padding: 68px 24px;
    text-align: center;
}

.returns-state h2[b-d2ks0q4yhs] { margin: 14px 0 5px; font-size: 1.15rem; }
.returns-state p[b-d2ks0q4yhs] { margin: 0; color: #7b8799; }
.empty-icon[b-d2ks0q4yhs] { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 17px; background: #f1f4f9; color: #758299; font-size: 1.5rem; }

.loading-spinner[b-d2ks0q4yhs] {
    width: 34px;
    height: 34px;
    border: 3px solid #e3e8f1;
    border-top-color: #5b4df2;
    border-radius: 50%;
    animation: returns-spin-b-d2ks0q4yhs .8s linear infinite;
}

@keyframes returns-spin-b-d2ks0q4yhs { to { transform: rotate(360deg); } }

.dialog-backdrop[b-d2ks0q4yhs] {
    position: fixed;
    inset: 0;
    z-index: 80;
    background: rgba(15, 23, 42, .48);
    backdrop-filter: blur(2px);
}

.return-dialog[b-d2ks0q4yhs] {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 81;
    width: min(500px, calc(100vw - 32px));
    padding: 27px;
    transform: translate(-50%, -50%);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(15, 23, 42, .26);
}

.dialog-icon[b-d2ks0q4yhs] {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    margin-bottom: 15px;
    border-radius: 15px;
    font-size: 1.3rem;
}

.dialog-icon.receive[b-d2ks0q4yhs] { background: #e8f7f0; color: #16865f; }
.dialog-icon.reject[b-d2ks0q4yhs] { background: #fff0f0; color: #b83c3c; }
.return-dialog h2[b-d2ks0q4yhs] { margin: 0 0 10px; font-size: 1.3rem; }
.return-dialog > p[b-d2ks0q4yhs] { margin: 0; color: #667389; line-height: 1.65; }

.dialog-summary[b-d2ks0q4yhs] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin: 20px 0;
}

.dialog-summary div[b-d2ks0q4yhs] { padding: 12px; border-radius: 11px; background: #f6f8fb; }
.dialog-summary span[b-d2ks0q4yhs],
.dialog-summary strong[b-d2ks0q4yhs] { display: block; }
.dialog-summary span[b-d2ks0q4yhs] { margin-bottom: 3px; color: #8591a4; font-size: .75rem; }

@media (max-width: 1000px) {
    .return-stats[b-d2ks0q4yhs] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
    .returns-header[b-d2ks0q4yhs],
    .returns-toolbar[b-d2ks0q4yhs] { align-items: stretch; flex-direction: column; }
    .refresh-button[b-d2ks0q4yhs],
    .status-filter[b-d2ks0q4yhs] { width: 100%; }
    .return-stats[b-d2ks0q4yhs] { grid-template-columns: 1fr 1fr; gap: 10px; }
    .return-stats article[b-d2ks0q4yhs] { min-height: 88px; padding: 13px; }
    .stat-icon[b-d2ks0q4yhs] { width: 40px; height: 40px; }
    .returns-workspace[b-d2ks0q4yhs] { border: 0; background: transparent; overflow: visible; }
    .returns-toolbar[b-d2ks0q4yhs] { margin-bottom: 14px; border: 1px solid #e4e9f2; border-radius: 15px; background: #fff; }
    .returns-table-wrap[b-d2ks0q4yhs] { overflow: visible; }
    .returns-table[b-d2ks0q4yhs],
    .returns-table tbody[b-d2ks0q4yhs] { display: block; min-width: 0; }
    .returns-table thead[b-d2ks0q4yhs] { display: none; }
    .returns-table tr[b-d2ks0q4yhs] { display: block; margin-bottom: 14px; padding: 10px 16px; border: 1px solid #e4e9f2; border-radius: 16px; background: #fff; }
    .returns-table td[b-d2ks0q4yhs] { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 11px 0; border-top: 1px solid #eef1f6; text-align: end; }
    .returns-table td:first-child[b-d2ks0q4yhs] { border-top: 0; }
    .returns-table td[b-d2ks0q4yhs]::before { content: attr(data-label); color: #7a8799; font-size: .75rem; font-weight: 750; text-align: start; }
    .product-cell[b-d2ks0q4yhs] { justify-content: flex-end; }
    .row-actions[b-d2ks0q4yhs] { flex-wrap: wrap; }
    .dialog-actions[b-d2ks0q4yhs] { flex-direction: column-reverse; }
    .dialog-actions button[b-d2ks0q4yhs] { width: 100%; }
}

@media (max-width: 430px) {
    .return-stats[b-d2ks0q4yhs] { grid-template-columns: 1fr; }
    .dialog-summary[b-d2ks0q4yhs] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Vendor/Roaming.razor.rz.scp.css */
.roaming-page[b-57epai6tea] {
    color: #1f2940;
}

.roaming-header[b-57epai6tea] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 22px;
}

    .roaming-header h1[b-57epai6tea] {
        margin: 0;
        font-size: 2.2rem;
        font-weight: 800;
    }

.header-actions[b-57epai6tea] {
    display: flex;
    gap: 12px;
}

.refresh-btn[b-57epai6tea],
.filter-btn[b-57epai6tea],
.add-btn[b-57epai6tea] {
    height: 42px;
    border: none;
    border-radius: 999px;
    padding: 0 24px;
    font-weight: 700;
    cursor: pointer;
}

.refresh-btn[b-57epai6tea] {
    background: white;
    border: 1px solid #d8e0ec;
}

.filter-btn[b-57epai6tea] {
    background: #17233d;
    color: white;
}

.add-btn[b-57epai6tea] {
    background: #5b4df2;
    color: white;
}

.table-wrapper[b-57epai6tea] {
    background: white;
    border: 1px solid #e8edf5;
    border-radius: 16px;
    overflow-x: auto;
}

.roaming-table[b-57epai6tea] {
    width: 100%;
    min-width: 1200px;
    border-collapse: collapse;
}

    .roaming-table th[b-57epai6tea] {
        background: #f6f8fb;
        color: #607089;
        text-align: left;
        padding: 16px;
        font-weight: 700;
    }

    .roaming-table td[b-57epai6tea] {
        padding: 14px 16px;
        border-bottom: 1px solid #eef2f6;
    }

.status-badge[b-57epai6tea] {
    padding: 7px 14px;
    border-radius: 999px;
    font-weight: 700;
    font-size: 0.9rem;
}

    .status-badge.available[b-57epai6tea] {
        background: #dcfce7;
        color: #16a34a;
    }

    .status-badge.assigned[b-57epai6tea] {
        background: #dbeafe;
        color: #2563eb;
    }

    .status-badge.sold[b-57epai6tea] {
        background: #fee2e2;
        color: #dc2626;
    }

    .status-badge.reserved[b-57epai6tea] {
        background: #fef3c7;
        color: #b45309;
    }

.action-select[b-57epai6tea] {
    height: 34px;
    border: 1px solid #d8e0ec;
    border-radius: 999px;
    padding: 0 12px;
    background: white;
}

.panel-overlay[b-57epai6tea] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.15);
    z-index: 50;
}

.side-panel[b-57epai6tea] {
    position: fixed;
    right: 0;
    top: 0;
    width: 420px;
    height: 100vh;
    background: white;
    z-index: 60;
    padding: 24px;
    box-shadow: -8px 0 24px rgba(15, 23, 42, 0.12);
    overflow-y: auto;
}

.panel-header[b-57epai6tea] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .panel-header h3[b-57epai6tea] {
        margin: 0;
        font-size: 1.3rem;
    }

.close-btn[b-57epai6tea] {
    border: none;
    background: transparent;
    font-size: 1.8rem;
    cursor: pointer;
}

.form-group[b-57epai6tea] {
    margin-bottom: 16px;
}

    .form-group label[b-57epai6tea] {
        display: block;
        margin-bottom: 8px;
        font-weight: 700;
    }

.form-control[b-57epai6tea] {
    width: 100%;
    height: 48px;
    border: 1px solid #d8e0ec;
    border-radius: 10px;
    padding: 0 14px;
    box-sizing: border-box;
}

.textarea[b-57epai6tea] {
    height: 90px;
    padding-top: 12px;
}

.form-grid-2[b-57epai6tea] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.panel-footer[b-57epai6tea] {
    display: flex;
    justify-content: flex-end;
    gap: 14px;
    padding-top: 20px;
}

.cancel-btn[b-57epai6tea],
.save-btn[b-57epai6tea] {
    height: 48px;
    border: none;
    border-radius: 999px;
    padding: 0 28px;
    font-weight: 700;
    cursor: pointer;
}

.cancel-btn[b-57epai6tea] {
    background: transparent;
}

.save-btn[b-57epai6tea] {
    background: #5b4df2;
    color: white;
}

.empty-cell[b-57epai6tea] {
    text-align: center;
    color: #7b8799;
    padding: 30px !important;
}

.message-box[b-57epai6tea] {
    margin-bottom: 16px;
    padding: 12px 14px;
    background: white;
    border: 1px solid #e7ebf3;
    border-radius: 10px;
}

.return-requests[b-57epai6tea] {
    margin-bottom: 24px;
    padding: 22px;
    border: 1px solid #f1d6b7;
    border-radius: 18px;
    background: linear-gradient(135deg, #fffaf4 0%, #fff 72%);
}

.return-section-heading[b-57epai6tea] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}

.return-section-heading h2[b-57epai6tea] {
    margin: 3px 0 5px;
    font-size: 1.3rem;
}

.return-section-heading p[b-57epai6tea] {
    margin: 0;
    color: #76839a;
    font-size: .9rem;
}

.return-eyebrow[b-57epai6tea] {
    color: #c76619;
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.return-count[b-57epai6tea] {
    min-width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: #fff0df;
    color: #c76619;
    font-weight: 850;
}

.return-request-grid[b-57epai6tea] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
    gap: 14px;
}

.return-card[b-57epai6tea] {
    padding: 18px;
    border: 1px solid #e7eaf0;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .045);
}

.return-card-top[b-57epai6tea] {
    display: flex;
    align-items: center;
    gap: 11px;
}

.return-product-icon[b-57epai6tea] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 12px;
    background: #fff0df;
    color: #d16b19;
    font-size: 1.15rem;
}

.return-product[b-57epai6tea] {
    min-width: 0;
    flex: 1;
}

.return-product h3[b-57epai6tea] {
    margin: 0 0 3px;
    overflow: hidden;
    color: #1f2940;
    font-size: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.return-product span[b-57epai6tea] {
    color: #8290a5;
    font-size: .78rem;
}

.return-pending[b-57epai6tea] {
    padding: 6px 10px;
    border-radius: 999px;
    background: #fff3d8;
    color: #a7610a;
    font-size: .72rem;
    font-weight: 800;
}

.return-details[b-57epai6tea] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 18px 0;
}

.return-details div[b-57epai6tea] {
    padding: 10px;
    border-radius: 10px;
    background: #f7f8fb;
}

.return-details dt[b-57epai6tea] {
    margin-bottom: 3px;
    color: #8390a5;
    font-size: .72rem;
}

.return-details dd[b-57epai6tea] {
    margin: 0;
    color: #27344b;
    font-size: .86rem;
    font-weight: 750;
    overflow-wrap: anywhere;
}

.return-notes[b-57epai6tea] {
    margin: -2px 0 16px;
    padding: 10px 12px;
    border-inline-start: 3px solid #e6a061;
    background: #fffaf5;
    color: #68758b;
    font-size: .82rem;
    line-height: 1.5;
}

.return-actions[b-57epai6tea],
.return-dialog-actions[b-57epai6tea] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.receive-return-btn[b-57epai6tea],
.reject-return-btn[b-57epai6tea],
.dialog-cancel[b-57epai6tea] {
    min-height: 40px;
    padding: 0 16px;
    border-radius: 10px;
    font: inherit;
    font-size: .82rem;
    font-weight: 750;
    cursor: pointer;
}

.receive-return-btn[b-57epai6tea] {
    border: 1px solid #16865f;
    background: #16865f;
    color: #fff;
}

.reject-return-btn[b-57epai6tea] {
    border: 1px solid #e1a4a4;
    background: #fff;
    color: #b83c3c;
}

.dialog-cancel[b-57epai6tea] {
    border: 1px solid #dce2eb;
    background: #fff;
    color: #5c687b;
}

.receive-return-btn:disabled[b-57epai6tea],
.reject-return-btn:disabled[b-57epai6tea],
.dialog-cancel:disabled[b-57epai6tea] {
    cursor: not-allowed;
    opacity: .6;
}

.return-dialog-backdrop[b-57epai6tea] {
    position: fixed;
    inset: 0;
    z-index: 80;
    background: rgba(15, 23, 42, .46);
    backdrop-filter: blur(2px);
}

.return-dialog[b-57epai6tea] {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 81;
    width: min(440px, calc(100vw - 32px));
    padding: 26px;
    transform: translate(-50%, -50%);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(15, 23, 42, .24);
}

.return-dialog-icon[b-57epai6tea] {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    margin-bottom: 15px;
    border-radius: 14px;
    font-size: 1.25rem;
}

.return-dialog-icon.receive[b-57epai6tea] {
    background: #e8f7f0;
    color: #16865f;
}

.return-dialog-icon.reject[b-57epai6tea] {
    background: #fff0f0;
    color: #be4141;
}

.return-dialog h3[b-57epai6tea] {
    margin: 0 0 9px;
    font-size: 1.2rem;
}

.return-dialog p[b-57epai6tea] {
    margin: 0 0 22px;
    color: #6f7c91;
    font-size: .92rem;
    line-height: 1.55;
}

.locked-action[b-57epai6tea] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 38px;
    padding: 0 12px;
    border: 1px solid #dbe2ec;
    border-radius: 10px;
    background: #f4f6f9;
    color: #667085;
    font-size: .84rem;
    font-weight: 700;
    white-space: nowrap;
}

.status-badge.return-pending[b-57epai6tea] {
    background: #fff3d8;
    color: #a7610a;
}

.status-badge.returned[b-57epai6tea] {
    background: #e8f7f0;
    color: #16865f;
}

@media (max-width: 720px) {
    .roaming-header[b-57epai6tea],
    .return-section-heading[b-57epai6tea] {
        align-items: stretch;
        flex-direction: column;
    }

    .header-actions > button[b-57epai6tea] {
        flex: 1;
    }

    .return-request-grid[b-57epai6tea] {
        grid-template-columns: 1fr;
    }

    .return-actions[b-57epai6tea],
    .return-dialog-actions[b-57epai6tea] {
        flex-direction: column-reverse;
    }

    .receive-return-btn[b-57epai6tea],
    .reject-return-btn[b-57epai6tea],
    .dialog-cancel[b-57epai6tea] {
        width: 100%;
    }
}
/* /Components/Pages/Vendor/Subscriptions.razor.rz.scp.css */
.subscriptions-page[b-te0dndvwzm] {
    padding: 4px 0 22px;
    color: #0b3f57;
}

.subscriptions-header[b-te0dndvwzm] {
    text-align: center;
    margin-bottom: 18px;
}

    .subscriptions-header h1[b-te0dndvwzm] {
        margin: 0 0 14px;
        font-size: 2.35rem;
        line-height: 1.2;
        font-weight: 800;
        color: #0d5f73;
    }

.billing-switch-wrap[b-te0dndvwzm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.discount-badge[b-te0dndvwzm] {
    background: #18b86a;
    color: white;
    font-weight: 800;
    padding: 7px 16px;
    border-radius: 999px;
    font-size: 0.95rem;
    box-shadow: 0 6px 14px rgba(24, 184, 106, 0.16);
}

.billing-switch[b-te0dndvwzm] {
    width: 340px;
    max-width: 100%;
    background: #ffffff;
    border: 2px solid #66d9cf;
    border-radius: 999px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 3px;
}

.switch-btn[b-te0dndvwzm] {
    height: 40px;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: #0a4f67;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    transition: 0.2s ease;
}

    .switch-btn.active[b-te0dndvwzm] {
        background: linear-gradient(180deg, #0b6377 0%, #094f67 100%);
        color: white;
    }

.plans-grid[b-te0dndvwzm] {
   display: grid;
    grid-template-columns: repeat(3, 380px);
    justify-content: center; /* يخليهم في المنتصف */
    gap: 20px;
}

.plan-card[b-te0dndvwzm] {
    background: #fff;
    border: 1px solid #d9e6eb;
    border-radius: 18px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 6px 18px rgba(9, 25, 58, 0.05);
}

.featured[b-te0dndvwzm] {
    border: 3px solid #094f67;
}




.featured-label[b-te0dndvwzm] {
    background: #094f67; /* أزرق غامق */
    color: #ffffff;
    text-align: center;
    font-weight: 800;
    font-size: 1rem;
    padding: 10px;
}

 
.plan-box[b-te0dndvwzm] {
    margin: 16px;
    border-radius: 16px;
    padding: 20px 18px 16px;
    text-align: right;
}

.dark-box[b-te0dndvwzm] {
    background: linear-gradient(180deg, #0b6377 0%, #08495f 100%);
    color: white;
}

.mint-box[b-te0dndvwzm] {
    background: linear-gradient(180deg, #a8e7de 0%, #95ddd3 100%);
    color: #0a4f67;
}

.light-box[b-te0dndvwzm] {
    background: linear-gradient(180deg, #d7f0eb 0%, #caebe4 100%);
    color: #0a4f67;
}

.plan-box h2[b-te0dndvwzm] {
    margin: 0 0 10px;
    font-size: 1.7rem;
    font-weight: 800;
}

.plan-tag[b-te0dndvwzm] {
    display: inline-block;
    background: rgba(255, 255, 255, 0.5);
    color: inherit;
    padding: 8px 14px;
    border-radius: 999px;
    font-size: 0.9rem;
    margin-bottom: 14px;
}

.price-wrap[b-te0dndvwzm] {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    margin-bottom: 18px;
}

.currency[b-te0dndvwzm] {
    font-size: 0.95rem;
    font-weight: 700;
}

.price[b-te0dndvwzm] {
    font-size: 3.3rem;
    line-height: 1;
    font-weight: 900;
}

.period[b-te0dndvwzm] {
    font-size: 0.95rem;
    font-weight: 700;
    margin-bottom: 6px;
}

.free-wrap[b-te0dndvwzm] {
    min-height: 62px;
    align-items: center;
}

.free-text[b-te0dndvwzm] {
    font-size: 2.6rem;
    font-weight: 900;
}

.plan-action[b-te0dndvwzm] {
    width: 100%;
    height: 46px;
    border: none;
    border-radius: 12px;
    background: linear-gradient(180deg, #0b6377 0%, #08495f 100%);
    color: white;
    font-size: 1rem;
    font-weight: 800;
    cursor: pointer;
}

.dark-box .plan-action[b-te0dndvwzm] {
    background: white;
    color: #08495f;
}

.features[b-te0dndvwzm] {
    padding: 0 20px 20px;
}

    .features h3[b-te0dndvwzm] {
        margin: 0 0 12px;
        font-size: 1.08rem;
        color: #0a5068;
    }

    .features ul[b-te0dndvwzm] {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .features li[b-te0dndvwzm] {
        position: relative;
        padding-right: 16px;
        margin-bottom: 11px;
        color: #0f5f72;
        font-size: 0.96rem;
        line-height: 1.6;
    }

        .features li[b-te0dndvwzm]::before {
            content: "•";
            position: absolute;
            right: 0;
            top: -1px;
            color: #4db6a8;
            font-size: 1.15rem;
            line-height: 1.2;
        }

@media (max-width: 1200px) {
    .plans-grid[b-te0dndvwzm] {
        grid-template-columns: 1fr;
    }

    .subscriptions-header h1[b-te0dndvwzm] {
        font-size: 2rem;
    }
}

@media (max-width: 700px) {
    .subscriptions-header h1[b-te0dndvwzm] {
        font-size: 1.5rem;
    }

    .billing-switch[b-te0dndvwzm] {
        width: 100%;
    }

    .plan-box h2[b-te0dndvwzm] {
        font-size: 1.35rem;
    }

    .price[b-te0dndvwzm] {
        font-size: 2.7rem;
    }

    .free-text[b-te0dndvwzm] {
        font-size: 2.1rem;
    }
}
/* /Components/Pages/Vendor/VendorLayout.razor.rz.scp.css */
.vendor-shell[b-ode1m6dyz0] {
    display: flex;
    min-height: 100vh;
    background: #f6f7fb;
    font-family: Arial, Helvetica, sans-serif;
}

.vendor-sidebar[b-ode1m6dyz0] {
    width: 250px;
    background: linear-gradient(180deg, #08142f 0%, #07112a 100%);
    color: white;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}

.brand[b-ode1m6dyz0] {
    height: 78px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 24px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    cursor: pointer;
    font-weight: 800;
    letter-spacing: 0.5px;
}

.brand-icon[b-ode1m6dyz0] {
    width: 118px;
    height: 44px;
    object-fit: contain;
    display: block;
}

.vendor-menu[b-ode1m6dyz0] {
    padding: 14px 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.menu-item[b-ode1m6dyz0] {
    display: flex;
    align-items: center;
    gap: 14px;
    color: #d9e0f0;
    text-decoration: none;
    padding: 12px 14px;
    border-radius: 10px;
    font-size: 0.98rem;
    transition: 0.2s ease;
}

    .menu-item:hover[b-ode1m6dyz0] {
        background: rgba(255,255,255,0.08);
        color: #fff;
    }

    .menu-item.active[b-ode1m6dyz0] {
        background: rgba(255,255,255,0.12);
        color: white;
    }

.menu-icon[b-ode1m6dyz0] {
    width: 20px;
    text-align: center;
}

.vendor-main[b-ode1m6dyz0] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.vendor-topbar[b-ode1m6dyz0] {
    height: 64px;
    background: white;
    border-bottom: 1px solid #e7ebf3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px;
}

.topbar-actions[b-ode1m6dyz0] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.icon-btn[b-ode1m6dyz0] {
    border: none;
    background: transparent;
    font-size: 1.1rem;
    cursor: pointer;
}

.vendor-content[b-ode1m6dyz0] {
    padding: 28px 26px 40px;
}

@media (max-width: 900px) {
    .vendor-sidebar[b-ode1m6dyz0] {
        width: 88px;
    }

    .brand span[b-ode1m6dyz0],
    .menu-item span:last-child[b-ode1m6dyz0] {
        display: none;
    }

    .menu-item[b-ode1m6dyz0] {
        justify-content: center;
    }
}

[b-ode1m6dyz0] .vendor-sidebar .menu-item,
[b-ode1m6dyz0] .vendor-sidebar .menu-item:link,
[b-ode1m6dyz0] .vendor-sidebar .menu-item:visited {
    display: flex;
    align-items: center;
    gap: 14px;
    color: #d9e0f0 !important;
    text-decoration: none !important;
    padding: 12px 14px;
    border-radius: 10px;
    font-size: 16px;
}

    [b-ode1m6dyz0] .vendor-sidebar .menu-item:hover {
        background: rgba(255,255,255,0.08);
        color: #fff !important;
    }

    [b-ode1m6dyz0] .vendor-sidebar .menu-item.active {
        background: rgba(255,255,255,0.12);
        color: #fff !important;
    }


.menu-icon[b-ode1m6dyz0] {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .menu-icon svg[b-ode1m6dyz0] {
        width: 20px;
        height: 20px;
        stroke: #cfd6e6;
        stroke-width: 1.8;
    }

/* عند hover */
.menu-item:hover .menu-icon svg[b-ode1m6dyz0] {
    stroke: white;
}

/* العنصر النشط */
.menu-item.active .menu-icon svg[b-ode1m6dyz0] {
    stroke: white;
}


.topbar-account[b-ode1m6dyz0] {
    position: relative;
}

.account-btn[b-ode1m6dyz0] {
    width: 42px;
    height: 42px;
    border: 1px solid #dce3ef;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
}

    .account-btn:hover[b-ode1m6dyz0] {
        background: #f7f9fc;
    }

.account-avatar[b-ode1m6dyz0] {
    font-size: 1.3rem;
    line-height: 1;
}

.profile-backdrop[b-ode1m6dyz0] {
    position: fixed;
    inset: 0;
    background: transparent;
    z-index: 9998;
}

.profile-dropdown[b-ode1m6dyz0] {
    position: absolute;
    top: 52px;
    right: 0;
    width: 360px;
    background: white;
    border: 1px solid #e6ebf3;
    border-radius: 14px;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.16);
    overflow: hidden;
    z-index: 9999;
}

.profile-header[b-ode1m6dyz0] {
    padding: 24px 26px 18px;
    border-bottom: 1px solid #edf1f7;
}

.profile-title[b-ode1m6dyz0] {
    font-size: 1rem;
    color: #334155;
    margin-bottom: 6px;
}

.profile-email[b-ode1m6dyz0] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #1f2940;
    word-break: break-word;
}

.profile-item[b-ode1m6dyz0] {
    width: 100%;
    border: none;
    background: white;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 22px 26px;
    text-decoration: none;
    color: #24324a;
    font-size: 1.05rem;
    cursor: pointer;
    text-align: left;
    border-bottom: 1px solid #edf1f7;
    font-family: inherit;
}

    .profile-item:last-child[b-ode1m6dyz0] {
        border-bottom: none;
    }

    .profile-item:hover[b-ode1m6dyz0] {
        background: #f8fafc;
    }

.profile-item-icon[b-ode1m6dyz0] {
    width: 28px;
    text-align: center;
    font-size: 1.35rem;
    color: #64748b;
}

.logout-btn[b-ode1m6dyz0] {
    width: 100%;
    border: none;
    background: transparent;
    font-family: inherit;
    cursor: pointer;
    text-align: left;
}

.logout-btn.active[b-ode1m6dyz0],
.logout-btn:focus[b-ode1m6dyz0],
.logout-btn:active[b-ode1m6dyz0] {
    background: transparent !important;
    color: #d9e0f0 !important;
    outline: none;
}

/* /Components/Shared/BusinessSettingsView.razor.rz.scp.css */
.business-settings-page[b-6x958af1tk] {
    max-width: 1220px;
    margin: 0 auto;
    color: #17233d;
    text-align: start;
}

.settings-heading[b-6x958af1tk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}

.settings-heading h1[b-6x958af1tk] {
    margin: 4px 0 8px;
    font-size: clamp(1.9rem, 3vw, 2.55rem);
    line-height: 1.15;
}

.settings-heading p[b-6x958af1tk] {
    margin: 0;
    color: #70809b;
    font-size: 1rem;
}

.settings-eyebrow[b-6x958af1tk] {
    color: #5b51f5 !important;
    font-size: .78rem !important;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.read-only-badge[b-6x958af1tk] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    padding: 10px 14px;
    border: 1px solid #dfe4ee;
    border-radius: 12px;
    background: #fff;
    color: #53627a;
    font-size: .88rem;
    font-weight: 700;
    box-shadow: 0 6px 18px rgba(15, 23, 42, .04);
}

.settings-grid[b-6x958af1tk] {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(330px, .85fr);
    gap: 22px;
    align-items: start;
}

.settings-card[b-6x958af1tk] {
    border: 1px solid #e3e8f1;
    border-radius: 20px;
    background: #fff;
    padding: 28px;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .055);
}

.card-heading[b-6x958af1tk] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-bottom: 22px;
    margin-bottom: 24px;
    border-bottom: 1px solid #edf0f5;
}

.card-heading h2[b-6x958af1tk] {
    margin: 0 0 4px;
    font-size: 1.25rem;
}

.card-heading p[b-6x958af1tk] {
    margin: 0;
    color: #8090aa;
    font-size: .9rem;
}

.card-icon[b-6x958af1tk] {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 14px;
    background: #eeecff;
    color: #5a4df5;
}

.card-icon svg[b-6x958af1tk] {
    width: 25px;
    height: 25px;
}

.tax-icon[b-6x958af1tk] {
    background: #eaf8f2;
    color: #16865f;
}

.discount-card[b-6x958af1tk] {
    grid-column: 1 / -1;
}

.discount-icon[b-6x958af1tk] {
    background: #fff3e7;
    color: #d66b12;
}

fieldset[b-6x958af1tk] {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.fields-grid[b-6x958af1tk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.field-wide[b-6x958af1tk] {
    grid-column: 1 / -1;
}

.settings-field label[b-6x958af1tk] {
    display: block;
    margin-bottom: 8px;
    color: #25324a;
    font-size: .9rem;
    font-weight: 750;
}

.settings-field input[b-6x958af1tk] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: 50px;
    padding: 0 14px;
    border: 1px solid #dce3ee;
    border-radius: 11px;
    background: #f6f8fb;
    color: #3f4c63;
    font: inherit;
    font-size: .95rem;
    -webkit-text-fill-color: #3f4c63;
    opacity: 1;
    cursor: not-allowed;
}

.editable-field input[b-6x958af1tk] {
    background: #fff;
    color: #17233d;
    -webkit-text-fill-color: #17233d;
    cursor: text;
}

.editable-field input:focus[b-6x958af1tk] {
    outline: 0;
    border-color: #5b51f5;
    box-shadow: 0 0 0 3px rgba(91, 81, 245, .12);
}

.editable-field small[b-6x958af1tk] {
    display: block;
    margin-top: 8px;
    color: #7b879d;
    font-size: .82rem;
}

.discount-form[b-6x958af1tk] {
    display: grid;
    grid-template-columns: minmax(240px, 360px) auto;
    align-items: end;
    gap: 16px;
}

.save-discount-button[b-6x958af1tk] {
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 22px;
    border: 0;
    border-radius: 11px;
    background: #5b51f5;
    color: #fff;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.save-discount-button:disabled[b-6x958af1tk] {
    opacity: .65;
    cursor: wait;
}

.discount-notice[b-6x958af1tk] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 20px;
    padding: 14px;
    border: 1px solid #f2ddc7;
    border-radius: 12px;
    background: #fff9f2;
    color: #925015;
    font-size: .88rem;
    line-height: 1.55;
}

.settings-save-message[b-6x958af1tk] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    padding: 14px 16px;
    border: 1px solid;
    border-radius: 12px;
    font-weight: 700;
}

.settings-save-message.success[b-6x958af1tk] {
    border-color: #bde8d6;
    background: #effbf5;
    color: #147752;
}

.settings-save-message.error[b-6x958af1tk] {
    border-color: #f0cccc;
    background: #fff7f7;
    color: #a73636;
}

.settings-spinner.small[b-6x958af1tk] {
    width: 16px;
    height: 16px;
    border-width: 2px;
    border-color: rgba(255, 255, 255, .45);
    border-top-color: #fff;
}

.tax-fields[b-6x958af1tk] {
    grid-template-columns: 1fr;
}

.rate-input[b-6x958af1tk] {
    position: relative;
}

.rate-input input[b-6x958af1tk] {
    padding-inline-end: 48px;
    font-size: 1.05rem;
    font-weight: 800;
}

.rate-input span[b-6x958af1tk] {
    position: absolute;
    inset-inline-end: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #5b51f5;
    font-weight: 850;
}

.tax-notice[b-6x958af1tk] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 20px;
    padding: 14px;
    border: 1px solid #d7eee4;
    border-radius: 12px;
    background: #f0faf6;
    color: #287459;
    font-size: .88rem;
    line-height: 1.55;
}

.settings-footnote[b-6x958af1tk] {
    margin: 18px 4px 0;
    color: #78879f;
    font-size: .9rem;
}

.settings-state[b-6x958af1tk] {
    min-height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border: 1px solid #e3e8f1;
    border-radius: 20px;
    background: #fff;
    color: #687791;
}

.settings-spinner[b-6x958af1tk] {
    width: 22px;
    height: 22px;
    border: 3px solid #dddafa;
    border-top-color: #5b51f5;
    border-radius: 50%;
    animation: settings-spin-b-6x958af1tk .75s linear infinite;
}

.settings-error[b-6x958af1tk] {
    color: #a73636;
    background: #fff7f7;
    border-color: #f0cccc;
}

@keyframes settings-spin-b-6x958af1tk {
    to { transform: rotate(360deg); }
}

@media (max-width: 1050px) {
    .settings-grid[b-6x958af1tk] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .settings-heading[b-6x958af1tk] {
        flex-direction: column;
        gap: 14px;
    }

    .settings-card[b-6x958af1tk] {
        padding: 20px;
        border-radius: 16px;
    }

    .fields-grid[b-6x958af1tk] {
        grid-template-columns: 1fr;
    }

    .field-wide[b-6x958af1tk] {
        grid-column: auto;
    }

    .discount-form[b-6x958af1tk] {
        grid-template-columns: 1fr;
    }

    .save-discount-button[b-6x958af1tk] {
        width: 100%;
    }
}
/* /Components/Shared/EmployeeActionButtons.razor.rz.scp.css */
.employee-action-buttons[b-ev0gthq533] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.employee-action[b-ev0gthq533] {
    display: inline-grid;
    place-items: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 1px solid #e0e5ee;
    border-radius: 10px;
    background: #fff;
    color: #56657e;
    font-size: 16px;
    cursor: pointer;
    transition: border-color .15s ease, background-color .15s ease, color .15s ease;
}

.employee-action.view:hover[b-ev0gthq533] { border-color: #b9d5ff; background: #eef5ff; color: #2367c9; }
.employee-action.edit:hover[b-ev0gthq533] { border-color: #cbc6ff; background: #f2f0ff; color: #5647d3; }
.employee-action.resend:hover[b-ev0gthq533] { border-color: #afe6e4; background: #eafaf9; color: #0f8b86; }
.employee-action.delete:hover[b-ev0gthq533] { border-color: #fecaca; background: #fff1f1; color: #d33131; }
.employee-action:focus-visible[b-ev0gthq533] { outline: 3px solid #b7b3ff; outline-offset: 2px; }
/* /Components/Shared/LanguageSelector.razor.rz.scp.css */
.language-switcher[b-y1aj8lr2eu] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 4px;
    border: 1px solid #dce3ef;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(15, 23, 42, .05);
    direction: ltr;
}

.language-icon[b-y1aj8lr2eu] {
    margin: 0 5px 0 4px;
    color: #6257ef;
    font-size: 1rem;
}

.language-switcher button[b-y1aj8lr2eu] {
    min-width: 38px;
    height: 30px;
    padding: 0 9px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #64748b;
    font-family: Arial, "Noto Sans Arabic", sans-serif;
    font-size: .78rem;
    font-weight: 800;
    cursor: pointer;
    transition: background .2s ease, color .2s ease;
}

.language-switcher button:hover[b-y1aj8lr2eu] {
    background: #f3f2ff;
    color: #5148f5;
}

.language-switcher button.active[b-y1aj8lr2eu] {
    background: #5b52f6;
    color: #fff;
}

@media (max-width: 600px) {
    .language-icon[b-y1aj8lr2eu] { display: none; }
    .language-switcher button[b-y1aj8lr2eu] { min-width: 34px; padding: 0 7px; }
}
/* /Components/Shared/PublicFooter.razor.rz.scp.css */
.public-footer[b-yr1i0oyjtl] {
    padding: 68px max(24px, calc((100% - 1240px) / 2)) 24px;
    background: #071229;
    color: #b9c4d8;
}

.footer-grid[b-yr1i0oyjtl] {
    display: grid;
    grid-template-columns: minmax(260px, 1.65fr) repeat(3, minmax(150px, 1fr));
    gap: 50px;
    padding-bottom: 48px;
}

.footer-logo[b-yr1i0oyjtl] { display: inline-flex; margin-bottom: 16px; }
.footer-logo img[b-yr1i0oyjtl] { display: block; width: 150px; height: 52px; object-fit: contain; }
.footer-brand-column p[b-yr1i0oyjtl] { max-width: 390px; margin: 0; color: #95a3bc; font-size: .9rem; line-height: 1.8; }

.footer-column[b-yr1i0oyjtl] { display: flex; flex-direction: column; align-items: flex-start; gap: 11px; }
.footer-column h2[b-yr1i0oyjtl] { margin: 5px 0 9px; color: #fff; font-size: .92rem; font-weight: 800; }
.footer-column a[b-yr1i0oyjtl] { color: #aebbd1; font-size: .84rem; text-decoration: none; transition: color .2s ease, transform .2s ease; }
.footer-column a:hover[b-yr1i0oyjtl] { color: #fff; transform: translateX(2px); }
.footer-contact[b-yr1i0oyjtl] { margin-top: 3px; color: #8e89ff !important; font-weight: 700; overflow-wrap: anywhere; }

.footer-bottom[b-yr1i0oyjtl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding-top: 22px;
    border-top: 1px solid rgba(255, 255, 255, .09);
    color: #77869f;
    font-size: .78rem;
}

@media (max-width: 900px) {
    .footer-grid[b-yr1i0oyjtl] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
    .public-footer[b-yr1i0oyjtl] { padding-top: 48px; }
    .footer-grid[b-yr1i0oyjtl] { grid-template-columns: 1fr; gap: 30px; }
    .footer-bottom[b-yr1i0oyjtl] { align-items: flex-start; flex-direction: column; }
}
/* /Components/Shared/PublicHeader.razor.rz.scp.css */
.public-header[b-yqwjr1snt2] {
    position: sticky;
    top: 0;
    z-index: 100;
    border-bottom: 1px solid rgba(226, 232, 240, .9);
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 4px 22px rgba(15, 23, 42, .04);
    backdrop-filter: blur(14px);
}

.public-header-inner[b-yqwjr1snt2] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 28px;
    width: min(1240px, calc(100% - 40px));
    min-height: 76px;
    margin: 0 auto;
}

.public-brand[b-yqwjr1snt2] { display: inline-flex; align-items: center; }
.public-brand img[b-yqwjr1snt2] { display: block; width: 142px; height: 48px; object-fit: contain; }

.public-nav[b-yqwjr1snt2] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
}

[b-yqwjr1snt2] .public-nav a {
    position: relative;
    padding: 27px 0 24px;
    color: #526078;
    font-size: .91rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

[b-yqwjr1snt2] .public-nav a::after {
    position: absolute;
    right: 0;
    bottom: 18px;
    left: 0;
    height: 2px;
    border-radius: 999px;
    background: #5b52f6;
    content: "";
    opacity: 0;
    transform: scaleX(.4);
    transition: opacity .2s ease, transform .2s ease;
}

[b-yqwjr1snt2] .public-nav a:hover,
[b-yqwjr1snt2] .public-nav a.active { color: #3028bf; }
[b-yqwjr1snt2] .public-nav a:hover::after,
[b-yqwjr1snt2] .public-nav a.active::after { opacity: 1; transform: scaleX(1); }

.public-header-actions[b-yqwjr1snt2] { display: flex; align-items: center; gap: 10px; }

[b-yqwjr1snt2] .header-login,
[b-yqwjr1snt2] .header-signup {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    padding: 0 15px;
    border-radius: 9px;
    font-size: .84rem;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

[b-yqwjr1snt2] .header-login { color: #42506a; }
[b-yqwjr1snt2] .header-login:hover { background: #f5f7fb; color: #3028bf; }
[b-yqwjr1snt2] .header-signup { background: #5148f5; color: #fff; box-shadow: 0 8px 18px rgba(81, 72, 245, .2); }
[b-yqwjr1snt2] .header-signup:hover { background: #4037dc; color: #fff; transform: translateY(-1px); }

@media (max-width: 1080px) {
    .public-header-inner[b-yqwjr1snt2] { grid-template-columns: auto 1fr; gap: 16px; padding: 11px 0; }
    .public-nav[b-yqwjr1snt2] { grid-column: 1 / -1; grid-row: 2; order: 3; gap: 20px; overflow-x: auto; justify-content: flex-start; }
    .public-header-actions[b-yqwjr1snt2] { justify-content: flex-end; }
    [b-yqwjr1snt2] .public-nav a { padding: 5px 0 11px; }
    [b-yqwjr1snt2] .public-nav a::after { bottom: 5px; }
}

@media (max-width: 650px) {
    .public-header-inner[b-yqwjr1snt2] { width: min(100% - 24px, 1240px); }
    .public-brand img[b-yqwjr1snt2] { width: 112px; height: 40px; }
    [b-yqwjr1snt2] .header-login { display: none; }
    [b-yqwjr1snt2] .header-signup { height: 34px; padding: 0 11px; }
    .public-header-actions[b-yqwjr1snt2] { gap: 6px; }
    .public-nav[b-yqwjr1snt2] { gap: 18px; }
}
/* /Components/Shared/PublicPageShell.razor.rz.scp.css */
.public-page-shell[b-mr48i8psn5] { min-height: 100vh; background: #f7f8fc; color: #18233b; }
.info-container[b-mr48i8psn5] { width: min(1080px, calc(100% - 40px)); margin: 0 auto; }
.info-hero[b-mr48i8psn5] { position: relative; overflow: hidden; padding: 78px 0 72px; background: linear-gradient(135deg, #07152f 0%, #15245a 68%, #3730a3 100%); color: #fff; }
.info-hero-glow[b-mr48i8psn5] { position: absolute; top: -160px; right: -100px; width: 430px; height: 430px; border-radius: 50%; background: rgba(111, 102, 255, .28); filter: blur(8px); }
.info-hero-content[b-mr48i8psn5] { position: relative; z-index: 1; }
.info-kicker[b-mr48i8psn5] { display: block; margin-bottom: 17px; color: #b9b6ff; font-size: .74rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.info-title-row[b-mr48i8psn5] { display: flex; align-items: center; gap: 16px; }
.info-icon[b-mr48i8psn5] { display: grid; place-items: center; width: 52px; height: 52px; flex: 0 0 52px; border: 1px solid rgba(255,255,255,.25); border-radius: 15px; background: rgba(255,255,255,.1); font-size: 1.35rem; }
.info-title-row h1[b-mr48i8psn5] { margin: 0; font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 850; letter-spacing: -.04em; }
.info-hero-content > p[b-mr48i8psn5] { max-width: 760px; margin: 20px 0 0; color: #d8def0; font-size: 1.02rem; line-height: 1.8; }
.info-body[b-mr48i8psn5] { padding: 64px 0 86px; }
.info-content[b-mr48i8psn5] { display: grid; gap: 22px; }

[b-mr48i8psn5] .content-card,
[b-mr48i8psn5] .legal-section,
[b-mr48i8psn5] .faq-list details {
    border: 1px solid #e3e8f1;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 28px rgba(31, 41, 64, .045);
}

[b-mr48i8psn5] .content-card,
[b-mr48i8psn5] .legal-section { padding: 28px; }
[b-mr48i8psn5] .content-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
[b-mr48i8psn5] .content-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
[b-mr48i8psn5] .content-card .bi { display: inline-grid; place-items: center; width: 42px; height: 42px; margin-bottom: 16px; border-radius: 12px; background: #f0efff; color: #5148f5; }
[b-mr48i8psn5] .content-card h2,
[b-mr48i8psn5] .legal-section h2 { margin: 0 0 10px; color: #17233d; font-size: 1.12rem; font-weight: 800; }
[b-mr48i8psn5] .content-card p,
[b-mr48i8psn5] .legal-section p,
[b-mr48i8psn5] .legal-section li { color: #65728a; font-size: .92rem; line-height: 1.8; }
[b-mr48i8psn5] .legal-section p:last-child { margin-bottom: 0; }
[b-mr48i8psn5] .legal-section ul { margin: 12px 0 0; padding-inline-start: 22px; }
[b-mr48i8psn5] .page-cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 28px; border-radius: 18px; background: linear-gradient(135deg, #5148f5, #3129b7); color: #fff; }
[b-mr48i8psn5] .page-cta h2 { margin: 0 0 6px; font-size: 1.25rem; }
[b-mr48i8psn5] .page-cta p { margin: 0; color: #dfdeff; }
[b-mr48i8psn5] .page-cta a { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 18px; border-radius: 10px; background: #fff; color: #352dc2; font-size: .86rem; font-weight: 800; text-decoration: none; white-space: nowrap; }
[b-mr48i8psn5] .faq-list { display: grid; gap: 12px; }
[b-mr48i8psn5] .faq-list details { padding: 0 20px; }
[b-mr48i8psn5] .faq-list summary { padding: 19px 0; color: #25324a; font-weight: 800; cursor: pointer; }
[b-mr48i8psn5] .faq-list details p { margin: -4px 0 20px; color: #65728a; line-height: 1.75; }

@media (max-width: 800px) {
    [b-mr48i8psn5] .content-grid,
    [b-mr48i8psn5] .content-grid.two { grid-template-columns: 1fr; }
    [b-mr48i8psn5] .page-cta { align-items: flex-start; flex-direction: column; }
}
/* /Components/Shared/RegisterForm.razor.rz.scp.css */
.registration-shell[b-u46rfbc5c1] {
    min-height: 100vh;
    background: #f6f7fb;
    color: #1d2940;
    font-family: Arial, Helvetica, sans-serif;
}

.register-page[b-u46rfbc5c1] {
    display: grid;
    grid-template-columns: minmax(360px, .78fr) minmax(620px, 1.22fr);
    min-height: calc(100vh - 82px);
}

.left-panel[b-u46rfbc5c1] {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 100%;
    overflow: hidden;
    padding: 72px clamp(38px, 5vw, 76px);
    background: url('/images/merchant-login-bg.jpg') center / cover no-repeat;
}

.left-overlay[b-u46rfbc5c1] {
    position: absolute;
    inset: 0;
    background: linear-gradient(145deg, rgba(25, 34, 102, .9), rgba(73, 64, 213, .84));
}

.left-content[b-u46rfbc5c1] {
    position: relative;
    z-index: 2;
    max-width: 560px;
    color: #fff;
}

.left-kicker[b-u46rfbc5c1] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 26px;
    color: #d8d6ff;
    font-size: .74rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.left-content h1[b-u46rfbc5c1] {
    margin: 0 0 8px;
    font-size: clamp(2rem, 3vw, 3rem);
    font-weight: 700;
    line-height: 1.1;
}

.left-content h2[b-u46rfbc5c1] {
    margin: 0 0 26px;
    font-size: clamp(2.5rem, 4.5vw, 4rem);
    font-weight: 850;
    letter-spacing: -.045em;
    line-height: 1.05;
}

.left-content > p[b-u46rfbc5c1] {
    margin: 0;
    color: rgba(255, 255, 255, .86);
    font-size: .98rem;
    line-height: 1.85;
}

.registration-benefits[b-u46rfbc5c1] {
    display: grid;
    gap: 13px;
    margin-top: 34px;
}

.registration-benefits > span[b-u46rfbc5c1] {
    display: flex;
    align-items: center;
    gap: 11px;
    color: #fff;
    font-size: .85rem;
    font-weight: 700;
}

.registration-benefits .bi[b-u46rfbc5c1] {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 10px;
    background: rgba(255, 255, 255, .1);
    color: #8ff5e8;
}

.left-shape[b-u46rfbc5c1] {
    position: absolute;
    z-index: 1;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 50%;
    background: rgba(255, 255, 255, .045);
    pointer-events: none;
}

.shape-one[b-u46rfbc5c1] { bottom: -210px; left: -190px; width: 520px; height: 520px; }
.shape-two[b-u46rfbc5c1] { right: -260px; bottom: -270px; width: 610px; height: 610px; }

.right-panel[b-u46rfbc5c1] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 54px clamp(24px, 4.4vw, 72px) 72px;
    background:
        radial-gradient(circle at 95% 5%, rgba(81, 72, 245, .08), transparent 24rem),
        #f7f8fc;
}

.register-box[b-u46rfbc5c1] {
    width: 100%;
    max-width: 900px;
    padding: 34px clamp(24px, 4vw, 44px) 42px;
    border: 1px solid #e2e7f0;
    border-radius: 24px;
    background: rgba(255, 255, 255, .97);
    box-shadow: 0 20px 55px rgba(31, 41, 64, .09);
}

.register-header[b-u46rfbc5c1] {
    margin-bottom: 34px;
    text-align: start;
}

.register-navigation[b-u46rfbc5c1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #edf0f5;
}

.register-navigation a[b-u46rfbc5c1] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #647087;
    font-size: .78rem;
    font-weight: 750;
    text-decoration: none;
}

.register-navigation a:hover[b-u46rfbc5c1] { color: #5148f5; }
.change-account[b-u46rfbc5c1] { color: #5148f5 !important; }

.account-type-badge[b-u46rfbc5c1] {
    display: inline-flex;
    margin-bottom: 13px;
    padding: 6px 10px;
    border-radius: 999px;
    background: #eeecff;
    color: #5148f5;
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.register-box h3[b-u46rfbc5c1] {
    margin: 0 0 9px;
    color: #192640;
    font-size: clamp(1.8rem, 4vw, 2.35rem);
    font-weight: 850;
    letter-spacing: -.04em;
}

.subtitle[b-u46rfbc5c1] {
    max-width: 660px;
    margin: 0;
    color: #707c91;
    font-size: .9rem;
    line-height: 1.7;
}

.success-box[b-u46rfbc5c1],
.error-box[b-u46rfbc5c1] {
    margin-bottom: 22px;
    padding: 14px 16px;
    border-radius: 12px;
    font-size: .84rem;
    line-height: 1.55;
}

.success-box[b-u46rfbc5c1] { border: 1px solid #b8ead0; background: #ecfdf5; color: #147a4d; }
.error-box[b-u46rfbc5c1] { border: 1px solid #f7c5c2; background: #fff2f1; color: #b42318; }

.register-form[b-u46rfbc5c1] { width: 100%; }

.form-section-heading[b-u46rfbc5c1] {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 22px;
}

.form-section-heading > .bi[b-u46rfbc5c1] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 12px;
    background: #eeecff;
    color: #5148f5;
}

.form-section-heading h4[b-u46rfbc5c1] {
    margin: 0 0 3px;
    color: #27344b;
    font-size: .95rem;
    font-weight: 800;
}

.form-section-heading p[b-u46rfbc5c1] {
    margin: 0;
    color: #8893a5;
    font-size: .75rem;
    line-height: 1.5;
}

.documents-heading[b-u46rfbc5c1] {
    margin-top: 34px;
    padding-top: 28px;
    border-top: 1px solid #edf0f5;
}

.grid-2[b-u46rfbc5c1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 19px;
}

.form-group[b-u46rfbc5c1] { min-width: 0; margin: 0; }
.full-width[b-u46rfbc5c1] { margin-top: 16px; }

.form-group > label:not(.upload-box)[b-u46rfbc5c1] {
    display: block;
    margin-bottom: 8px;
    color: #29364d;
    font-size: .82rem;
    font-weight: 750;
}

[b-u46rfbc5c1] .form-input,
[b-u46rfbc5c1] select.form-input,
[b-u46rfbc5c1] input.form-input {
    width: 100%;
    height: 52px;
    box-sizing: border-box;
    padding: 0 15px;
    border: 1px solid #d8e0eb;
    border-radius: 11px;
    outline: none;
    background: #fff;
    color: #1f2b43;
    font-size: .9rem;
    box-shadow: none;
    transition: border-color .18s ease, box-shadow .18s ease;
}

[b-u46rfbc5c1] .form-input:focus,
[b-u46rfbc5c1] select.form-input:focus,
[b-u46rfbc5c1] input.form-input:focus {
    border-color: #6a63ff;
    box-shadow: 0 0 0 3px rgba(106, 99, 255, .1);
}

.password-wrapper[b-u46rfbc5c1] { position: relative; }
.password-input[b-u46rfbc5c1] { padding-inline-end: 50px !important; }

.toggle-password[b-u46rfbc5c1] {
    position: absolute;
    top: 50%;
    inset-inline-end: 10px;
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    padding: 0;
    transform: translateY(-50%);
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: #8290a5;
    cursor: pointer;
}

.toggle-password:hover[b-u46rfbc5c1] { background: #f1f2fa; color: #5148f5; }

.phone-row[b-u46rfbc5c1] {
    display: grid;
    grid-template-columns: 132px minmax(0, 1fr);
    gap: 10px;
}

[b-u46rfbc5c1] .country-code {
    width: 100%;
    height: 52px;
    box-sizing: border-box;
    padding: 0 11px;
    border: 1px solid #d8e0eb;
    border-radius: 11px;
    outline: none;
    background: #fff;
    color: #1f2b43;
    font-size: .88rem;
    direction: ltr;
}

[b-u46rfbc5c1] .visually-hidden-file {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    clip-path: inset(50%);
}

[b-u46rfbc5c1] .visually-hidden-file:focus-visible + .upload-box {
    border-color: #756df7;
    background: #f8f7ff;
    box-shadow: 0 0 0 4px rgba(106, 99, 255, .12);
}

.form-group > label.upload-box[b-u46rfbc5c1] {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    min-height: 88px;
    margin: 0;
    padding: 15px 16px;
    border: 1px dashed #cfd8e6;
    border-radius: 14px;
    background: #fbfcfe;
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.form-group > label.upload-box:hover[b-u46rfbc5c1],
.form-group > label.upload-box:focus-within[b-u46rfbc5c1] {
    border-color: #756df7;
    background: #f8f7ff;
    box-shadow: 0 0 0 3px rgba(106, 99, 255, .08);
}

.form-group > label.upload-box.has-file[b-u46rfbc5c1] {
    border-style: solid;
    border-color: #a8ddc2;
    background: #f3fcf7;
}

.upload-icon[b-u46rfbc5c1] {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 12px;
    background: #eeecff;
    color: #5148f5;
    font-size: 1.1rem;
}

.has-file .upload-icon[b-u46rfbc5c1] { background: #dff7ea; color: #168052; }

.upload-copy[b-u46rfbc5c1] {
    min-width: 0;
    color: #69758a;
}

.upload-copy strong[b-u46rfbc5c1],
.upload-copy small[b-u46rfbc5c1] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.upload-copy strong[b-u46rfbc5c1] { color: #344158; font-size: .82rem; font-weight: 750; }
.upload-copy small[b-u46rfbc5c1] { margin-top: 5px; color: #8b96a8; font-size: .7rem; }

.upload-btn[b-u46rfbc5c1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 118px;
    min-height: 42px;
    padding: 0 14px;
    border: 1px solid #dad7ff;
    border-radius: 10px;
    background: #eeecff;
    color: #5148f5;
    font-size: .78rem;
    font-weight: 800;
    white-space: nowrap;
}

.terms-row[b-u46rfbc5c1] {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin-top: 23px;
    color: #566277;
    font-size: .8rem;
    line-height: 1.6;
    cursor: pointer;
}

[b-u46rfbc5c1] .terms-row input {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    margin-top: 3px;
    accent-color: #5148f5;
}

.terms-row a[b-u46rfbc5c1] { color: #5148f5; font-weight: 750; text-decoration: none; }
.terms-row a:hover[b-u46rfbc5c1] { text-decoration: underline; }

.submit-btn[b-u46rfbc5c1] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 54px;
    margin: 28px 0 0;
    border: 0;
    border-radius: 12px;
    background: linear-gradient(90deg, #5148f5, #4338ca);
    color: #fff;
    font-size: .9rem;
    font-weight: 800;
    box-shadow: 0 12px 26px rgba(67, 56, 202, .2);
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}

.submit-btn:hover:not(:disabled)[b-u46rfbc5c1] { transform: translateY(-1px); box-shadow: 0 16px 32px rgba(67, 56, 202, .26); }
.submit-btn:disabled[b-u46rfbc5c1] { opacity: .62; cursor: wait; }

.signin-note[b-u46rfbc5c1] {
    margin: 17px 0 0;
    color: #7c8799;
    font-size: .78rem;
    text-align: center;
}

.signin-note a[b-u46rfbc5c1] { color: #5148f5; font-weight: 800; text-decoration: none; }

[b-u46rfbc5c1] .validation-message {
    display: block;
    margin-top: 6px;
    color: #c8322b;
    font-size: .72rem;
}

[b-u46rfbc5c1] .validation-errors {
    margin: 0 0 22px;
    padding: 14px 18px 14px 36px;
    border: 1px solid #f5c2be;
    border-radius: 11px;
    background: #fff4f3;
    color: #b42318;
    font-size: .76rem;
}

@media (max-width: 1180px) {
    .register-page[b-u46rfbc5c1] { grid-template-columns: minmax(320px, .65fr) minmax(580px, 1.35fr); }
    .left-panel[b-u46rfbc5c1] { padding: 56px 38px; }
    .right-panel[b-u46rfbc5c1] { padding-inline: 30px; }
}

@media (max-width: 960px) {
    .register-page[b-u46rfbc5c1] { grid-template-columns: 1fr; }
    .left-panel[b-u46rfbc5c1] { min-height: 360px; padding: 54px 34px; }
    .left-content[b-u46rfbc5c1] { max-width: 720px; }
    .left-content > p[b-u46rfbc5c1] { max-width: 680px; }
    .registration-benefits[b-u46rfbc5c1] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .right-panel[b-u46rfbc5c1] { padding: 38px 20px 60px; }
}

@media (max-width: 700px) {
    .left-panel[b-u46rfbc5c1] { min-height: 320px; padding: 46px 24px; }
    .left-content h1[b-u46rfbc5c1] { font-size: 1.75rem; }
    .left-content h2[b-u46rfbc5c1] { font-size: 2.35rem; }
    .left-content > p[b-u46rfbc5c1] { font-size: .86rem; }
    .registration-benefits[b-u46rfbc5c1] { display: none; }
    .right-panel[b-u46rfbc5c1] { padding: 24px 14px 48px; }
    .register-box[b-u46rfbc5c1] { padding: 25px 18px 32px; border-radius: 18px; }
    .register-navigation[b-u46rfbc5c1] { align-items: flex-start; flex-direction: column; gap: 10px; margin-bottom: 24px; }
    .grid-2[b-u46rfbc5c1] { grid-template-columns: 1fr; gap: 16px; }
    .phone-row[b-u46rfbc5c1] { grid-template-columns: 112px minmax(0, 1fr); }
    .documents-heading[b-u46rfbc5c1] { margin-top: 28px; padding-top: 24px; }
    .form-group > label.upload-box[b-u46rfbc5c1] { grid-template-columns: 42px minmax(0, 1fr); }
    .upload-icon[b-u46rfbc5c1] { width: 42px; height: 42px; }
    .upload-btn[b-u46rfbc5c1] { grid-column: 1 / -1; width: 100%; }
}

@media (max-width: 430px) {
    .phone-row[b-u46rfbc5c1] { grid-template-columns: 1fr; }
    .form-section-heading[b-u46rfbc5c1] { align-items: flex-start; }
    .upload-copy small[b-u46rfbc5c1] { white-space: normal; }
}