/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-sijd7mgunv] {
    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-sijd7mgunv] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

[b-sijd7mgunv] .brand-logo-img {
    height: 70px !important;
    width: auto !important;
    object-fit: contain !important;
}

[b-sijd7mgunv] .footer-logo-img {
    height: 60px !important;
    width: auto !important;
    object-fit: contain !important;
}

[b-sijd7mgunv] .nav-brand {
    min-height: 70px;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-z0pkdulfg3],
.components-reconnect-repeated-attempt-visible[b-z0pkdulfg3],
.components-reconnect-failed-visible[b-z0pkdulfg3],
.components-pause-visible[b-z0pkdulfg3],
.components-resume-failed-visible[b-z0pkdulfg3],
.components-rejoining-animation[b-z0pkdulfg3] {
    display: none;
}

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


#components-reconnect-modal[b-z0pkdulfg3] {
    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-z0pkdulfg3 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-z0pkdulfg3 {
    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/Admin/Billing.razor.rz.scp.css */
.admin-container[b-eud6hlr9la] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
}

.page-header[b-eud6hlr9la] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-eud6hlr9la] {
    margin: 0;
    font-size: 1.75rem;
    color: #1e293b;
}

.page-header p[b-eud6hlr9la] {
    margin: 0.25rem 0 0;
    color: #64748b;
}

/* Tab Navigation */
.tab-nav[b-eud6hlr9la] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 2px solid #e2e8f0;
    padding-bottom: 0;
}

.tab-btn[b-eud6hlr9la] {
    padding: 0.75rem 1.25rem;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    cursor: pointer;
    font-size: 0.95rem;
    font-weight: 500;
    color: #64748b;
    transition: all 0.2s;
}

.tab-btn:hover[b-eud6hlr9la] {
    color: #0f3a5d;
}

.tab-btn.active[b-eud6hlr9la] {
    color: #0f3a5d;
    border-bottom-color: #0f3a5d;
}

/* Loading */
.loading[b-eud6hlr9la] {
    text-align: center;
    padding: 4rem;
}

.spinner[b-eud6hlr9la] {
    width: 40px;
    height: 40px;
    border: 3px solid #e2e8f0;
    border-top-color: #0f3a5d;
    border-radius: 50%;
    animation: spin-b-eud6hlr9la 0.8s linear infinite;
    margin: 0 auto 1rem;
}

@keyframes spin-b-eud6hlr9la {
    to { transform: rotate(360deg); }
}

/* Stats Grid */
.stats-grid[b-eud6hlr9la] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem;
    margin-bottom: 2rem;
}

.stat-card[b-eud6hlr9la] {
    background: white;
    border-radius: 1rem;
    padding: 1.25rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid #f1f5f9;
    position: relative;
    transition: all 0.2s;
}

.stat-card:hover[b-eud6hlr9la] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.stat-icon[b-eud6hlr9la] {
    width: 56px;
    height: 56px;
    border-radius: 0.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.stat-icon.revenue[b-eud6hlr9la] { background: linear-gradient(135deg, #10b981, #059669); color: white; }
.stat-icon.outstanding[b-eud6hlr9la] { background: linear-gradient(135deg, #f59e0b, #d97706); color: white; }
.stat-icon.overdue[b-eud6hlr9la] { background: linear-gradient(135deg, #ef4444, #dc2626); color: white; }
.stat-icon.companies[b-eud6hlr9la] { background: linear-gradient(135deg, #0f3a5d, #1a5fa8); color: white; }

.stat-content[b-eud6hlr9la] {
    display: flex;
    flex-direction: column;
}

.stat-number[b-eud6hlr9la] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #1e293b;
    line-height: 1.2;
}

.stat-label[b-eud6hlr9la] {
    font-size: 0.8125rem;
    color: #64748b;
    font-weight: 500;
}

.stat-badge[b-eud6hlr9la] {
    position: absolute;
    bottom: 0.75rem;
    right: 0.75rem;
    font-size: 0.625rem;
    font-weight: 600;
    padding: 0.25rem 0.5rem;
    border-radius: 9999px;
    text-transform: uppercase;
}

.stat-badge.warning[b-eud6hlr9la] {
    background: #fef3c7;
    color: #92400e;
}

/* Section Header */
.section-header[b-eud6hlr9la] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.section-header h3[b-eud6hlr9la] {
    margin: 0;
    font-size: 1.25rem;
    color: #1e293b;
}

/* Buttons */
.btn-primary[b-eud6hlr9la] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    color: white;
    border: none;
    border-radius: 0.5rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-primary:hover[b-eud6hlr9la] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(15, 58, 93, 0.3);
}

.btn-secondary[b-eud6hlr9la] {
    padding: 0.625rem 1.25rem;
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #cbd5e1;
    border-radius: 0.5rem;
    cursor: pointer;
}

.btn-sm[b-eud6hlr9la] {
    padding: 0.375rem 0.75rem;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 0.375rem;
    font-size: 0.8rem;
    cursor: pointer;
}

.btn-sm:hover[b-eud6hlr9la] {
    background: #e2e8f0;
}

.btn-icon[b-eud6hlr9la] {
    width: 32px;
    height: 32px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 0.375rem;
    cursor: pointer;
}

.btn-icon:hover[b-eud6hlr9la] {
    background: #e2e8f0;
}

.btn-icon.success[b-eud6hlr9la] {
    background: #d1fae5;
    border-color: #a7f3d0;
    color: #065f46;
}

.btn-icon.success:hover[b-eud6hlr9la] {
    background: #a7f3d0;
}

.btn-icon.danger[b-eud6hlr9la] {
    background: #fee2e2;
    border-color: #fecaca;
    color: #991b1b;
}

.btn-icon.danger:hover[b-eud6hlr9la] {
    background: #fecaca;
}

.btn-icon.pdf[b-eud6hlr9la] {
    background: #fef3c7;
    border-color: #fde68a;
    color: #92400e;
}

.btn-icon.pdf:hover[b-eud6hlr9la] {
    background: #fde68a;
}

/* Companies Grid */
.companies-grid[b-eud6hlr9la] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1rem;
}

.company-card[b-eud6hlr9la] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    padding: 1.25rem;
}

.company-header[b-eud6hlr9la] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #f1f5f9;
}

.company-icon[b-eud6hlr9la] {
    font-size: 2rem;
}

.company-info[b-eud6hlr9la] {
    flex: 1;
}

.company-info h4[b-eud6hlr9la] {
    margin: 0;
    font-size: 1rem;
    color: #1e293b;
}

.company-type[b-eud6hlr9la] {
    font-size: 0.75rem;
    color: #64748b;
}

.company-details[b-eud6hlr9la] {
    margin-bottom: 1rem;
}

.detail-row[b-eud6hlr9la] {
    display: flex;
    justify-content: space-between;
    padding: 0.375rem 0;
    font-size: 0.875rem;
}

.detail-row .label[b-eud6hlr9la] {
    color: #64748b;
}

.detail-row .value[b-eud6hlr9la] {
    color: #1e293b;
    font-weight: 500;
}

.detail-row .value.negative[b-eud6hlr9la] {
    color: #ef4444;
}

.company-actions[b-eud6hlr9la] {
    display: flex;
    gap: 0.5rem;
}

/* Badges */
.badge[b-eud6hlr9la] {
    display: inline-block;
    padding: 0.25rem 0.625rem;
    border-radius: 9999px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
}

.badge.active[b-eud6hlr9la] {
    background: #d1fae5;
    color: #065f46;
}

.badge.inactive[b-eud6hlr9la] {
    background: #fee2e2;
    color: #991b1b;
}

.badge-overdue[b-eud6hlr9la] {
    background: #fee2e2;
    color: #991b1b;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 600;
}

.badge-draft[b-eud6hlr9la] { background: #f1f5f9; color: #475569; }
.badge-sent[b-eud6hlr9la] { background: #dbeafe; color: #1e40af; }
.badge-viewed[b-eud6hlr9la] { background: #e0e7ff; color: #3730a3; }
.badge-partiallypaid[b-eud6hlr9la] { background: #fef3c7; color: #92400e; }
.badge-paid[b-eud6hlr9la] { background: #d1fae5; color: #065f46; }
.badge-cancelled[b-eud6hlr9la] { background: #f1f5f9; color: #64748b; }
.badge-refunded[b-eud6hlr9la] { background: #fce7f3; color: #9d174d; }

.badge-payment[b-eud6hlr9la] { background: #d1fae5; color: #065f46; }
.badge-refund[b-eud6hlr9la] { background: #fee2e2; color: #991b1b; }
.badge-credit[b-eud6hlr9la] { background: #dbeafe; color: #1e40af; }
.badge-debit[b-eud6hlr9la] { background: #fef3c7; color: #92400e; }

.badge-completed[b-eud6hlr9la] { background: #d1fae5; color: #065f46; }
.badge-pending[b-eud6hlr9la] { background: #fef3c7; color: #92400e; }
.badge-failed[b-eud6hlr9la] { background: #fee2e2; color: #991b1b; }

/* Table */
.table-container[b-eud6hlr9la] {
    background: white;
    border-radius: 0.75rem;
    border: 1px solid #e2e8f0;
    overflow: hidden;
}

.data-table[b-eud6hlr9la] {
    width: 100%;
    border-collapse: collapse;
}

.data-table th[b-eud6hlr9la],
.data-table td[b-eud6hlr9la] {
    padding: 0.875rem 1rem;
    text-align: left;
    border-bottom: 1px solid #f1f5f9;
}

.data-table th[b-eud6hlr9la] {
    background: #f8fafc;
    font-weight: 600;
    font-size: 0.8rem;
    color: #64748b;
    text-transform: uppercase;
}

.data-table tbody tr:hover[b-eud6hlr9la] {
    background: #f8fafc;
}

.data-table .positive[b-eud6hlr9la] {
    color: #10b981;
}

.data-table .negative[b-eud6hlr9la] {
    color: #ef4444;
}

.action-buttons[b-eud6hlr9la] {
    display: flex;
    gap: 0.375rem;
}

/* Filters */
.filters-bar[b-eud6hlr9la] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.filter-select[b-eud6hlr9la] {
    padding: 0.5rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    background: white;
    font-size: 0.875rem;
    min-width: 150px;
}

/* Empty State */
.empty-state[b-eud6hlr9la] {
    text-align: center;
    padding: 4rem 2rem;
    background: #f8fafc;
    border-radius: 1rem;
}

.empty-icon[b-eud6hlr9la] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.empty-state h3[b-eud6hlr9la] {
    margin: 0 0 0.5rem;
    color: #1e293b;
}

.empty-state p[b-eud6hlr9la] {
    margin: 0;
    color: #64748b;
}

/* Overdue Section */
.overdue-section[b-eud6hlr9la] {
    margin-top: 2rem;
}

.overdue-section h3[b-eud6hlr9la] {
    margin: 0 0 1rem;
    color: #ef4444;
}

/* Modal */
.modal-overlay[b-eud6hlr9la] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal[b-eud6hlr9la] {
    background: white;
    border-radius: 1rem;
    width: 100%;
    max-width: 450px;
    max-height: calc(100vh - 2rem);
    display: flex;
    flex-direction: column;
}

.modal-large[b-eud6hlr9la] {
    max-width: 600px;
}

.modal-header[b-eud6hlr9la] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e2e8f0;
}

.modal-header h3[b-eud6hlr9la] {
    margin: 0;
    font-size: 1.125rem;
}

.modal-close[b-eud6hlr9la] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: #64748b;
}

.modal-body[b-eud6hlr9la] {
    padding: 1.5rem;
    overflow-y: auto;
}

.modal-footer[b-eud6hlr9la] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid #e2e8f0;
    background: #f9fafb;
}

/* Form */
.form-grid[b-eud6hlr9la] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.form-group[b-eud6hlr9la] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.form-group.full-width[b-eud6hlr9la] {
    grid-column: span 2;
}

.form-group label[b-eud6hlr9la] {
    font-size: 0.8rem;
    font-weight: 500;
    color: #374151;
}

.form-input[b-eud6hlr9la] {
    padding: 0.5rem 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 0.375rem;
    font-size: 0.875rem;
}

.form-input:focus[b-eud6hlr9la] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 2px rgba(15, 58, 93, 0.1);
}

.checkbox-label[b-eud6hlr9la] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

.payment-info[b-eud6hlr9la] {
    background: #f8fafc;
    padding: 1rem;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
}

.payment-info p[b-eud6hlr9la] {
    margin: 0.25rem 0;
}

/* Toast */
.toast[b-eud6hlr9la] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    padding: 1rem 1.5rem;
    border-radius: 0.5rem;
    font-weight: 500;
    z-index: 1001;
    animation: slideIn-b-eud6hlr9la 0.3s ease;
}

.toast-success[b-eud6hlr9la] {
    background: #d1fae5;
    color: #065f46;
}

.toast-error[b-eud6hlr9la] {
    background: #fee2e2;
    color: #991b1b;
}

@keyframes slideIn-b-eud6hlr9la {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Responsive */
@media (max-width: 1200px) {
    .stats-grid[b-eud6hlr9la] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .admin-container[b-eud6hlr9la] {
        padding: 1rem;
    }
    
    .tab-nav[b-eud6hlr9la] {
        overflow-x: auto;
    }
    
    .stats-grid[b-eud6hlr9la] {
        grid-template-columns: 1fr;
    }
    
    .companies-grid[b-eud6hlr9la] {
        grid-template-columns: 1fr;
    }
    
    .form-grid[b-eud6hlr9la] {
        grid-template-columns: 1fr;
    }
    
    .form-group.full-width[b-eud6hlr9la] {
        grid-column: span 1;
    }
    
    .filters-bar[b-eud6hlr9la] {
        flex-direction: column;
    }
}
/* /Components/Pages/Admin/Companies.razor.rz.scp.css */
.admin-container[b-35x5i5zpg6] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
}

.page-header[b-35x5i5zpg6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.page-header-content h1[b-35x5i5zpg6] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 700;
    color: #1e293b;
}

.page-header-content .page-subtitle[b-35x5i5zpg6] {
    margin: 0.25rem 0 0;
    color: #64748b;
    font-size: 0.95rem;
}

.page-header-actions[b-35x5i5zpg6] {
    display: flex;
    gap: 0.75rem;
}

/* Buttons */
.btn-primary[b-35x5i5zpg6] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    color: white;
    border: none;
    border-radius: 0.5rem;
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-primary:hover[b-35x5i5zpg6] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(15, 58, 93, 0.3);
}

.btn-primary svg[b-35x5i5zpg6] {
    width: 16px;
    height: 16px;
}

/* Filter Tabs */
.filter-tabs[b-35x5i5zpg6] {
    display: flex;
    gap: 0.25rem;
    margin-bottom: 1.5rem;
    background: #f1f5f9;
    padding: 0.375rem;
    border-radius: 0.75rem;
    width: fit-content;
}

.filter-tab[b-35x5i5zpg6] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1rem;
    background: transparent;
    border: none;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s;
}

.filter-tab:hover[b-35x5i5zpg6] {
    color: #1e293b;
}

.filter-tab.active[b-35x5i5zpg6] {
    background: white;
    color: #1e293b;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.filter-tab .badge[b-35x5i5zpg6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    height: 1.5rem;
    padding: 0 0.5rem;
    background: #e2e8f0;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
}

.filter-tab.active .badge[b-35x5i5zpg6] {
    background: #0f3a5d;
    color: white;
}

.filter-tab .badge.warning[b-35x5i5zpg6] {
    background: #fef3c7;
    color: #d97706;
}

.filter-tab .badge.success[b-35x5i5zpg6] {
    background: #d1fae5;
    color: #059669;
}

.filter-tab .badge.danger[b-35x5i5zpg6] {
    background: #fee2e2;
    color: #dc2626;
}

/* Search Bar */
.search-bar[b-35x5i5zpg6] {
    margin-bottom: 1.5rem;
}

.search-bar .form-control[b-35x5i5zpg6] {
    width: 100%;
    max-width: 400px;
    padding: 0.75rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    font-size: 0.9rem;
    transition: all 0.2s;
}

.search-bar .form-control:focus[b-35x5i5zpg6] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
}

.search-bar .form-control[b-35x5i5zpg6]::placeholder {
    color: #94a3b8;
}

/* Loading State */
.loading-state[b-35x5i5zpg6] {
    text-align: center;
    padding: 4rem 2rem;
}

.spinner[b-35x5i5zpg6] {
    width: 40px;
    height: 40px;
    border: 3px solid #e2e8f0;
    border-top-color: #0f3a5d;
    border-radius: 50%;
    animation: spin-b-35x5i5zpg6 0.8s linear infinite;
    margin: 0 auto 1rem;
}

@keyframes spin-b-35x5i5zpg6 {
    to { transform: rotate(360deg); }
}

/* Empty State */
.empty-state[b-35x5i5zpg6] {
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 1rem;
    border: 1px dashed #e2e8f0;
}

.empty-state svg[b-35x5i5zpg6] {
    color: #94a3b8;
    margin-bottom: 1rem;
}

.empty-state h3[b-35x5i5zpg6] {
    margin: 0 0 0.5rem;
    font-size: 1.125rem;
    color: #1e293b;
}

.empty-state p[b-35x5i5zpg6] {
    margin: 0 0 1.5rem;
    color: #64748b;
}

/* Companies Grid */
.companies-grid[b-35x5i5zpg6] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
    gap: 1.25rem;
}

/* Company Card */
.company-card[b-35x5i5zpg6] {
    background: white;
    border-radius: 1rem;
    border: 1px solid #e2e8f0;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.2s;
}

.company-card:hover[b-35x5i5zpg6] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
    border-color: #cbd5e1;
}

.company-card-header[b-35x5i5zpg6] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    border-bottom: 1px solid #f1f5f9;
}

.company-logo[b-35x5i5zpg6] {
    width: 48px;
    height: 48px;
    border-radius: 0.75rem;
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 700;
    font-size: 1rem;
    flex-shrink: 0;
}

.company-logo img[b-35x5i5zpg6] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.75rem;
}

.company-info[b-35x5i5zpg6] {
    flex: 1;
    min-width: 0;
}

.company-info h3[b-35x5i5zpg6] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.company-industry[b-35x5i5zpg6] {
    margin: 0.125rem 0 0;
    font-size: 0.8125rem;
    color: #64748b;
}

/* Status Badge */
.status-badge[b-35x5i5zpg6] {
    display: inline-flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.status-badge.status-pending[b-35x5i5zpg6] {
    background: #fef3c7;
    color: #d97706;
}

.status-badge.status-active[b-35x5i5zpg6] {
    background: #d1fae5;
    color: #059669;
}

.status-badge.status-suspended[b-35x5i5zpg6] {
    background: #fee2e2;
    color: #dc2626;
}

.status-badge.status-closed[b-35x5i5zpg6] {
    background: #e2e8f0;
    color: #64748b;
}

/* Card Body */
.company-card-body[b-35x5i5zpg6] {
    padding: 1.25rem;
}

.company-stats[b-35x5i5zpg6] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #f1f5f9;
}

.company-stats .stat[b-35x5i5zpg6] {
    text-align: center;
}

.company-stats .stat-value[b-35x5i5zpg6] {
    display: block;
    font-size: 1.125rem;
    font-weight: 700;
    color: #1e293b;
}

.company-stats .stat-label[b-35x5i5zpg6] {
    font-size: 0.6875rem;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 500;
}

.company-contact[b-35x5i5zpg6] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.contact-item[b-35x5i5zpg6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8125rem;
    color: #64748b;
}

.contact-item svg[b-35x5i5zpg6] {
    color: #94a3b8;
    flex-shrink: 0;
}

/* Card Footer */
.company-card-footer[b-35x5i5zpg6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.875rem 1.25rem;
    background: #f8fafc;
    border-top: 1px solid #f1f5f9;
}

.created-date[b-35x5i5zpg6] {
    font-size: 0.75rem;
    color: #94a3b8;
}

.card-actions[b-35x5i5zpg6] {
    display: flex;
    gap: 0.375rem;
}

.btn-icon[b-35x5i5zpg6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-icon:hover[b-35x5i5zpg6] {
    background: #0f3a5d;
    border-color: #0f3a5d;
    color: white;
}

/* Modal Styles */
.modal-backdrop[b-35x5i5zpg6] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal[b-35x5i5zpg6] {
    background: white;
    border-radius: 1rem;
    width: 100%;
    max-width: 500px;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.modal-header[b-35x5i5zpg6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #e2e8f0;
}

.modal-header h2[b-35x5i5zpg6] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1e293b;
}

.modal-close[b-35x5i5zpg6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: transparent;
    border: none;
    border-radius: 0.5rem;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s;
}

.modal-close:hover[b-35x5i5zpg6] {
    background: #f1f5f9;
    color: #1e293b;
}

.modal-body[b-35x5i5zpg6] {
    padding: 1.5rem;
}

.modal-footer[b-35x5i5zpg6] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
}

/* Form Styles */
.form-group[b-35x5i5zpg6] {
    margin-bottom: 1.25rem;
}

.form-group label[b-35x5i5zpg6] {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
}

.form-group input[b-35x5i5zpg6],
.form-group select[b-35x5i5zpg6],
.form-group textarea[b-35x5i5zpg6] {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    font-size: 0.9rem;
    transition: all 0.2s;
}

.form-group input:focus[b-35x5i5zpg6],
.form-group select:focus[b-35x5i5zpg6],
.form-group textarea:focus[b-35x5i5zpg6] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
}

.btn-secondary[b-35x5i5zpg6] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #cbd5e1;
    border-radius: 0.5rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-secondary:hover[b-35x5i5zpg6] {
    background: #e2e8f0;
}

/* Alert */
.alert[b-35x5i5zpg6] {
    padding: 1rem;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
    font-size: 0.875rem;
}

.alert-danger[b-35x5i5zpg6] {
    background: #fee2e2;
    color: #dc2626;
    border: 1px solid #fecaca;
}

.alert-success[b-35x5i5zpg6] {
    background: #d1fae5;
    color: #059669;
    border: 1px solid #a7f3d0;
}

/* Responsive */
@media (max-width: 768px) {
    .admin-container[b-35x5i5zpg6] {
        padding: 1rem;
    }
    
    .page-header[b-35x5i5zpg6] {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .filter-tabs[b-35x5i5zpg6] {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .companies-grid[b-35x5i5zpg6] {
        grid-template-columns: 1fr;
    }
    
    .company-stats[b-35x5i5zpg6] {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* /Components/Pages/Admin/CompanyDetail.razor.rz.scp.css */
.admin-container[b-ya34pwsmgr] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
}

/* Loading & Error States */
.loading-state[b-ya34pwsmgr],
.error-state[b-ya34pwsmgr] {
    text-align: center;
    padding: 4rem 2rem;
}

.spinner[b-ya34pwsmgr] {
    width: 40px;
    height: 40px;
    border: 3px solid #e2e8f0;
    border-top-color: #0f3a5d;
    border-radius: 50%;
    animation: spin-b-ya34pwsmgr 0.8s linear infinite;
    margin: 0 auto 1rem;
}

@keyframes spin-b-ya34pwsmgr {
    to { transform: rotate(360deg); }
}

.error-state h2[b-ya34pwsmgr] {
    margin: 0 0 0.5rem;
    color: #1e293b;
}

.error-state p[b-ya34pwsmgr] {
    color: #64748b;
    margin-bottom: 1.5rem;
}

/* Page Header */
.page-header[b-ya34pwsmgr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.page-header-left[b-ya34pwsmgr] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.btn-back[b-ya34pwsmgr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-back:hover[b-ya34pwsmgr] {
    background: #f1f5f9;
    color: #1e293b;
}

.company-header-info[b-ya34pwsmgr] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.company-logo-large[b-ya34pwsmgr] {
    width: 56px;
    height: 56px;
    border-radius: 0.75rem;
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 700;
    font-size: 1.25rem;
    flex-shrink: 0;
}

.company-logo-large img[b-ya34pwsmgr] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.75rem;
}

.company-header-info h1[b-ya34pwsmgr] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #1e293b;
}

.company-meta[b-ya34pwsmgr] {
    margin: 0.25rem 0 0;
    font-size: 0.875rem;
    color: #64748b;
}

.page-header-actions[b-ya34pwsmgr] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* Status Badge */
.status-badge[b-ya34pwsmgr] {
    display: inline-flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.status-badge.large[b-ya34pwsmgr] {
    padding: 0.5rem 1rem;
    font-size: 0.8125rem;
}

.status-badge.status-pending[b-ya34pwsmgr] {
    background: #fef3c7;
    color: #d97706;
}

.status-badge.status-active[b-ya34pwsmgr] {
    background: #d1fae5;
    color: #059669;
}

.status-badge.status-suspended[b-ya34pwsmgr] {
    background: #fee2e2;
    color: #dc2626;
}

.status-badge.status-closed[b-ya34pwsmgr] {
    background: #e2e8f0;
    color: #64748b;
}

/* Buttons */
.btn[b-ya34pwsmgr] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border: none;
    border-radius: 0.5rem;
    font-weight: 500;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-primary[b-ya34pwsmgr] {
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    color: white;
}

.btn-primary:hover[b-ya34pwsmgr] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(15, 58, 93, 0.3);
}

.btn-success[b-ya34pwsmgr] {
    background: #059669;
    color: white;
}

.btn-success:hover[b-ya34pwsmgr] {
    background: #047857;
}

.btn-warning[b-ya34pwsmgr] {
    background: #f59e0b;
    color: white;
}

.btn-warning:hover[b-ya34pwsmgr] {
    background: #d97706;
}

.btn-danger[b-ya34pwsmgr] {
    background: #dc2626;
    color: white;
}

.btn-danger:hover[b-ya34pwsmgr] {
    background: #b91c1c;
}

.btn-secondary[b-ya34pwsmgr] {
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #cbd5e1;
}

.btn-secondary:hover[b-ya34pwsmgr] {
    background: #e2e8f0;
}

/* Alerts */
.alert[b-ya34pwsmgr] {
    padding: 1rem;
    border-radius: 0.5rem;
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
}

.alert-success[b-ya34pwsmgr] {
    background: #d1fae5;
    color: #059669;
    border: 1px solid #a7f3d0;
}

.alert-danger[b-ya34pwsmgr] {
    background: #fee2e2;
    color: #dc2626;
    border: 1px solid #fecaca;
}

/* Tab Navigation */
.tab-navigation[b-ya34pwsmgr] {
    display: flex;
    gap: 0.25rem;
    margin-bottom: 1.5rem;
    border-bottom: 2px solid #e2e8f0;
}

.tab-btn[b-ya34pwsmgr] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.875rem 1.25rem;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s;
}

.tab-btn:hover[b-ya34pwsmgr] {
    color: #0f3a5d;
}

.tab-btn.active[b-ya34pwsmgr] {
    color: #0f3a5d;
    border-bottom-color: #0f3a5d;
}

.tab-btn .badge[b-ya34pwsmgr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    height: 1.5rem;
    padding: 0 0.5rem;
    background: #e2e8f0;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
}

.tab-btn.active .badge[b-ya34pwsmgr] {
    background: #0f3a5d;
    color: white;
}

/* Tab Content */
.tab-content[b-ya34pwsmgr] {
    animation: fadeIn-b-ya34pwsmgr 0.2s ease;
}

@keyframes fadeIn-b-ya34pwsmgr {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Details Grid - 4 column layout for cards */
.details-grid[b-ya34pwsmgr] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
}

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

@media (max-width: 768px) {
    .details-grid[b-ya34pwsmgr] {
        grid-template-columns: 1fr;
    }
}

/* Cards */
.card[b-ya34pwsmgr] {
    background: white;
    border-radius: 1rem;
    border: 1px solid #e2e8f0;
    overflow: hidden;
}

.card-header[b-ya34pwsmgr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.card-header h3[b-ya34pwsmgr] {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #1e293b;
}

.card-body[b-ya34pwsmgr] {
    padding: 1.25rem;
}

/* Info List (dl/dt/dd) */
.info-list[b-ya34pwsmgr] {
    margin: 0;
    padding: 0;
}

.info-list dt[b-ya34pwsmgr] {
    font-size: 0.6875rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.25rem;
}

.info-list dd[b-ya34pwsmgr] {
    margin: 0 0 1rem 0;
    font-size: 0.9375rem;
    color: #1e293b;
}

.info-list dd:last-child[b-ya34pwsmgr] {
    margin-bottom: 0;
}

.info-list.horizontal[b-ya34pwsmgr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.info-list.horizontal dt[b-ya34pwsmgr] {
    grid-column: span 1;
}

.info-list.horizontal dd[b-ya34pwsmgr] {
    grid-column: span 1;
    margin-bottom: 0;
}

/* Stats Grid inside card */
.stats-grid[b-ya34pwsmgr] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.stat-item[b-ya34pwsmgr] {
    text-align: center;
    padding: 0.75rem;
    background: #f8fafc;
    border-radius: 0.5rem;
}

.stat-item .stat-value[b-ya34pwsmgr] {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    color: #1e293b;
    line-height: 1.2;
}

.stat-item .stat-label[b-ya34pwsmgr] {
    display: block;
    font-size: 0.6875rem;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 0.25rem;
}

/* Address styling */
address[b-ya34pwsmgr] {
    font-style: normal;
    line-height: 1.6;
    color: #1e293b;
}

.text-muted[b-ya34pwsmgr] {
    color: #94a3b8;
    font-size: 0.875rem;
}

/* Billing Section */
.billing-section .card[b-ya34pwsmgr] {
    max-width: 800px;
}

/* Form Styles */
.form-group[b-ya34pwsmgr] {
    margin-bottom: 1.25rem;
}

.form-group label[b-ya34pwsmgr] {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
}

.form-control[b-ya34pwsmgr] {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    font-size: 0.9rem;
    transition: all 0.2s;
}

.form-control:focus[b-ya34pwsmgr] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
}

.form-row[b-ya34pwsmgr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

@media (max-width: 640px) {
    .form-row[b-ya34pwsmgr] {
        grid-template-columns: 1fr;
    }
}

.form-actions[b-ya34pwsmgr] {
    display: flex;
    gap: 0.75rem;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e2e8f0;
}

/* Button sizes */
.btn-sm[b-ya34pwsmgr] {
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
}

/* Detail Cards */
.detail-grid[b-ya34pwsmgr] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
}

.detail-card[b-ya34pwsmgr] {
    background: white;
    border-radius: 1rem;
    border: 1px solid #e2e8f0;
    overflow: hidden;
}

.detail-card-header[b-ya34pwsmgr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.detail-card-header h3[b-ya34pwsmgr] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
}

.detail-card-body[b-ya34pwsmgr] {
    padding: 1.25rem;
}

.detail-row[b-ya34pwsmgr] {
    display: flex;
    justify-content: space-between;
    padding: 0.75rem 0;
    border-bottom: 1px solid #f1f5f9;
}

.detail-row:last-child[b-ya34pwsmgr] {
    border-bottom: none;
}

.detail-label[b-ya34pwsmgr] {
    font-size: 0.875rem;
    color: #64748b;
}

.detail-value[b-ya34pwsmgr] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #1e293b;
}

/* Stats Cards */
.stats-row[b-ya34pwsmgr] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.stat-card[b-ya34pwsmgr] {
    background: white;
    border-radius: 1rem;
    padding: 1.25rem;
    border: 1px solid #e2e8f0;
    text-align: center;
}

.stat-card .stat-value[b-ya34pwsmgr] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #1e293b;
}

.stat-card .stat-label[b-ya34pwsmgr] {
    font-size: 0.8125rem;
    color: #64748b;
    margin-top: 0.25rem;
}

/* Form Styles */
.form-group[b-ya34pwsmgr] {
    margin-bottom: 1.25rem;
}

.form-group label[b-ya34pwsmgr] {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
}

.form-control[b-ya34pwsmgr] {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    font-size: 0.9rem;
    transition: all 0.2s;
}

.form-control:focus[b-ya34pwsmgr] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
}

.form-row[b-ya34pwsmgr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

/* Users Table */
.users-section[b-ya34pwsmgr] {
    background: white;
    border-radius: 1rem;
    border: 1px solid #e2e8f0;
    overflow: hidden;
}

.section-header[b-ya34pwsmgr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.section-header h3[b-ya34pwsmgr] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
}

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

.users-table th[b-ya34pwsmgr],
.users-table td[b-ya34pwsmgr] {
    padding: 1rem 1.25rem;
    text-align: left;
    border-bottom: 1px solid #f1f5f9;
}

.users-table th[b-ya34pwsmgr] {
    background: #f8fafc;
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.users-table td[b-ya34pwsmgr] {
    font-size: 0.875rem;
    color: #1e293b;
}

.user-info[b-ya34pwsmgr] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.user-avatar[b-ya34pwsmgr] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #64748b;
}

.role-badge[b-ya34pwsmgr] {
    display: inline-flex;
    padding: 0.25rem 0.625rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 500;
}

.role-badge.owner[b-ya34pwsmgr] {
    background: #fef3c7;
    color: #d97706;
}

.role-badge.admin[b-ya34pwsmgr] {
    background: #eff6ff;
    color: #0f3a5d;
}

.role-badge.member[b-ya34pwsmgr] {
    background: #e2e8f0;
    color: #64748b;
}

/* Modal */
.modal-backdrop[b-ya34pwsmgr] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal[b-ya34pwsmgr] {
    background: white;
    border-radius: 1rem;
    width: 100%;
    max-width: 500px;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.modal-header[b-ya34pwsmgr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #e2e8f0;
}

.modal-header h2[b-ya34pwsmgr] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1e293b;
}

.modal-close[b-ya34pwsmgr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: transparent;
    border: none;
    border-radius: 0.5rem;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s;
}

.modal-close:hover[b-ya34pwsmgr] {
    background: #f1f5f9;
    color: #1e293b;
}

.modal-body[b-ya34pwsmgr] {
    padding: 1.5rem;
}

.modal-footer[b-ya34pwsmgr] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
}

/* Responsive */
@media (max-width: 768px) {
    .admin-container[b-ya34pwsmgr] {
        padding: 1rem;
    }
    
    .page-header[b-ya34pwsmgr] {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .page-header-actions[b-ya34pwsmgr] {
        width: 100%;
        flex-wrap: wrap;
    }
    
    .tab-navigation[b-ya34pwsmgr] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .stats-row[b-ya34pwsmgr] {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .form-row[b-ya34pwsmgr] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/CompanyUsers.razor.rz.scp.css */
.admin-container[b-u6ht3wdjpw] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem;
}

/* Loading & Error States */
.loading-state[b-u6ht3wdjpw],
.error-state[b-u6ht3wdjpw] {
    text-align: center;
    padding: 4rem 2rem;
}

.spinner[b-u6ht3wdjpw] {
    width: 40px;
    height: 40px;
    border: 3px solid #e2e8f0;
    border-top-color: #0f3a5d;
    border-radius: 50%;
    animation: spin-b-u6ht3wdjpw 0.8s linear infinite;
    margin: 0 auto 1rem;
}

@keyframes spin-b-u6ht3wdjpw {
    to { transform: rotate(360deg); }
}

.error-state h2[b-u6ht3wdjpw] {
    margin: 0 0 0.5rem;
    color: #1e293b;
}

.error-state p[b-u6ht3wdjpw] {
    color: #64748b;
    margin-bottom: 1.5rem;
}

/* Page Header */
.page-header[b-u6ht3wdjpw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.header-left[b-u6ht3wdjpw] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.btn-back[b-u6ht3wdjpw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-back:hover[b-u6ht3wdjpw] {
    background: #f1f5f9;
    color: #1e293b;
}

.page-header h1[b-u6ht3wdjpw] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #1e293b;
}

.subtitle[b-u6ht3wdjpw] {
    margin: 0.25rem 0 0;
    color: #64748b;
    font-size: 0.875rem;
}

.header-actions[b-u6ht3wdjpw] {
    display: flex;
    gap: 0.75rem;
}

/* Buttons */
.btn[b-u6ht3wdjpw] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border: none;
    border-radius: 0.5rem;
    font-weight: 500;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-primary[b-u6ht3wdjpw] {
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    color: white;
}

.btn-primary:hover[b-u6ht3wdjpw] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(15, 58, 93, 0.3);
}

.btn-secondary[b-u6ht3wdjpw] {
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #cbd5e1;
}

.btn-secondary:hover[b-u6ht3wdjpw] {
    background: #e2e8f0;
}

.btn-danger[b-u6ht3wdjpw] {
    background: #dc2626;
    color: white;
}

.btn-danger:hover[b-u6ht3wdjpw] {
    background: #b91c1c;
}

.btn-sm[b-u6ht3wdjpw] {
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
}

/* Alerts */
.alert[b-u6ht3wdjpw] {
    padding: 1rem;
    border-radius: 0.5rem;
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
}

.alert-success[b-u6ht3wdjpw] {
    background: #d1fae5;
    color: #059669;
    border: 1px solid #a7f3d0;
}

.alert-danger[b-u6ht3wdjpw] {
    background: #fee2e2;
    color: #dc2626;
    border: 1px solid #fecaca;
}

/* Stats Bar */
.stats-bar[b-u6ht3wdjpw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.stat-item[b-u6ht3wdjpw] {
    background: white;
    border-radius: 0.75rem;
    padding: 1rem 1.25rem;
    border: 1px solid #e2e8f0;
    text-align: center;
}

.stat-item .value[b-u6ht3wdjpw] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1e293b;
}

.stat-item .label[b-u6ht3wdjpw] {
    font-size: 0.75rem;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 0.25rem;
}

/* Users Table */
.users-table-container[b-u6ht3wdjpw] {
    background: white;
    border-radius: 1rem;
    border: 1px solid #e2e8f0;
    overflow: hidden;
}

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

.users-table th[b-u6ht3wdjpw],
.users-table td[b-u6ht3wdjpw] {
    padding: 1rem 1.25rem;
    text-align: left;
}

.users-table th[b-u6ht3wdjpw] {
    background: #f8fafc;
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid #e2e8f0;
}

.users-table td[b-u6ht3wdjpw] {
    font-size: 0.875rem;
    color: #1e293b;
    border-bottom: 1px solid #f1f5f9;
}

.users-table tr:last-child td[b-u6ht3wdjpw] {
    border-bottom: none;
}

.users-table tr:hover[b-u6ht3wdjpw] {
    background: #f8fafc;
}

/* User Info Cell */
.user-info[b-u6ht3wdjpw] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.user-avatar[b-u6ht3wdjpw] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    font-weight: 600;
    color: white;
    flex-shrink: 0;
}

.user-details[b-u6ht3wdjpw] {
    display: flex;
    flex-direction: column;
}

.user-details strong[b-u6ht3wdjpw] {
    font-weight: 600;
    color: #1e293b;
}

.user-details span[b-u6ht3wdjpw] {
    font-size: 0.8125rem;
    color: #64748b;
}

/* Role Badge & Select */
.role-badge[b-u6ht3wdjpw] {
    display: inline-flex;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.role-badge.owner[b-u6ht3wdjpw] {
    background: #fef3c7;
    color: #d97706;
}

.role-badge.admin[b-u6ht3wdjpw] {
    background: #eff6ff;
    color: #0f3a5d;
}

.role-badge.member[b-u6ht3wdjpw] {
    background: #e2e8f0;
    color: #64748b;
}

.role-select[b-u6ht3wdjpw] {
    padding: 0.375rem 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    color: #1e293b;
    background: white;
    cursor: pointer;
}

.role-select:focus[b-u6ht3wdjpw] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
}

/* Status Badge */
.status-badge[b-u6ht3wdjpw] {
    display: inline-flex;
    padding: 0.25rem 0.625rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 500;
}

.status-badge.active[b-u6ht3wdjpw] {
    background: #d1fae5;
    color: #059669;
}

.status-badge.disabled[b-u6ht3wdjpw] {
    background: #fee2e2;
    color: #dc2626;
}

.status-badge.pending[b-u6ht3wdjpw] {
    background: #fef3c7;
    color: #d97706;
}

/* Actions */
.action-buttons[b-u6ht3wdjpw] {
    display: flex;
    gap: 0.5rem;
}

.btn-icon[b-u6ht3wdjpw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 0.375rem;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-icon:hover[b-u6ht3wdjpw] {
    background: #f1f5f9;
    color: #1e293b;
}

.btn-icon.danger:hover[b-u6ht3wdjpw] {
    background: #fee2e2;
    color: #dc2626;
    border-color: #fecaca;
}

/* Empty State */
.empty-state[b-u6ht3wdjpw] {
    text-align: center;
    padding: 4rem 2rem;
}

.empty-state svg[b-u6ht3wdjpw] {
    color: #94a3b8;
    margin-bottom: 1rem;
}

.empty-state h3[b-u6ht3wdjpw] {
    margin: 0 0 0.5rem;
    font-size: 1.125rem;
    color: #1e293b;
}

.empty-state p[b-u6ht3wdjpw] {
    margin: 0 0 1.5rem;
    color: #64748b;
}

/* Modal */
.modal-backdrop[b-u6ht3wdjpw] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal[b-u6ht3wdjpw] {
    background: white;
    border-radius: 1rem;
    width: 100%;
    max-width: 500px;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.modal-header[b-u6ht3wdjpw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #e2e8f0;
}

.modal-header h2[b-u6ht3wdjpw] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1e293b;
}

.modal-close[b-u6ht3wdjpw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: transparent;
    border: none;
    border-radius: 0.5rem;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s;
}

.modal-close:hover[b-u6ht3wdjpw] {
    background: #f1f5f9;
    color: #1e293b;
}

.modal-body[b-u6ht3wdjpw] {
    padding: 1.5rem;
}

.modal-footer[b-u6ht3wdjpw] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
}

/* Form Styles */
.form-group[b-u6ht3wdjpw] {
    margin-bottom: 1.25rem;
}

.form-group label[b-u6ht3wdjpw] {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
}

.form-control[b-u6ht3wdjpw] {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    font-size: 0.9rem;
    transition: all 0.2s;
}

.form-control:focus[b-u6ht3wdjpw] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
}

/* Invite Section */
.invite-section[b-u6ht3wdjpw] {
    background: #f8fafc;
    border-radius: 0.75rem;
    padding: 1.25rem;
    margin-bottom: 1.5rem;
}

.invite-section h4[b-u6ht3wdjpw] {
    margin: 0 0 0.75rem;
    font-size: 0.9375rem;
    color: #1e293b;
}

.invite-code-display[b-u6ht3wdjpw] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.invite-code[b-u6ht3wdjpw] {
    flex: 1;
    padding: 0.75rem 1rem;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    font-family: monospace;
    font-size: 1rem;
    letter-spacing: 0.05em;
    color: #1e293b;
}

/* User Cards Grid */
.users-grid[b-u6ht3wdjpw] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.25rem;
}

.user-card[b-u6ht3wdjpw] {
    background: white;
    border-radius: 0.75rem;
    border: 1px solid #e2e8f0;
    padding: 1.25rem;
    transition: all 0.2s;
}

.user-card:hover[b-u6ht3wdjpw] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border-color: #cbd5e1;
}

.user-card.disabled[b-u6ht3wdjpw] {
    opacity: 0.6;
    background: #f8fafc;
}

.user-header[b-u6ht3wdjpw] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    margin-bottom: 0.875rem;
}

.user-header .user-avatar[b-u6ht3wdjpw] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 600;
    color: white;
    flex-shrink: 0;
}

.user-header .user-info[b-u6ht3wdjpw] {
    flex: 1;
    min-width: 0;
}

.user-header .user-info h3[b-u6ht3wdjpw] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-header .user-email[b-u6ht3wdjpw] {
    display: block;
    font-size: 0.8125rem;
    color: #64748b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Badges Row - Separate row below header */
.user-badges-row[b-u6ht3wdjpw] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.role-badge[b-u6ht3wdjpw] {
    display: inline-flex;
    padding: 0.25rem 0.625rem;
    border-radius: 9999px;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.role-badge.owner[b-u6ht3wdjpw] {
    background: #fef3c7;
    color: #92400e;
}

.role-badge.admin[b-u6ht3wdjpw] {
    background: #dbeafe;
    color: #1e40af;
}

.role-badge.member[b-u6ht3wdjpw] {
    background: #e0f2fe;
    color: #0369a1;
}

.status-badge[b-u6ht3wdjpw] {
    display: inline-flex;
    padding: 0.25rem 0.625rem;
    border-radius: 9999px;
    font-size: 0.6875rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.status-badge.active[b-u6ht3wdjpw] {
    background: #d1fae5;
    color: #059669;
}

.status-badge.pending[b-u6ht3wdjpw] {
    background: #fef3c7;
    color: #d97706;
}

.status-badge.disabled[b-u6ht3wdjpw] {
    background: #fee2e2;
    color: #dc2626;
}

/* User Details */
.user-details[b-u6ht3wdjpw] {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #f1f5f9;
}

.detail-item[b-u6ht3wdjpw] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.detail-label[b-u6ht3wdjpw] {
    font-size: 0.6875rem;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 500;
}

.detail-value[b-u6ht3wdjpw] {
    font-size: 0.875rem;
    color: #1e293b;
    font-weight: 500;
}

/* User Actions */
.user-actions[b-u6ht3wdjpw] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.role-select[b-u6ht3wdjpw] {
    padding: 0.5rem 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.375rem;
    font-size: 0.8125rem;
    color: #1e293b;
    background: white;
    cursor: pointer;
    min-width: 120px;
}

.role-select:focus[b-u6ht3wdjpw] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
}

.owner-label[b-u6ht3wdjpw] {
    font-size: 0.8125rem;
    color: #94a3b8;
    font-style: italic;
}

.btn-outline-danger[b-u6ht3wdjpw] {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 0.875rem;
    background: transparent;
    color: #dc2626;
    border: 1px solid #fecaca;
    border-radius: 0.375rem;
    font-size: 0.8125rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-outline-danger:hover[b-u6ht3wdjpw] {
    background: #fee2e2;
    border-color: #dc2626;
}

/* Responsive */
@media (max-width: 768px) {
    .admin-container[b-u6ht3wdjpw] {
        padding: 1rem;
    }
    
    .page-header[b-u6ht3wdjpw] {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .header-actions[b-u6ht3wdjpw] {
        width: 100%;
    }
    
    .stats-bar[b-u6ht3wdjpw] {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .users-table-container[b-u6ht3wdjpw] {
        overflow-x: auto;
    }
    
    .action-buttons[b-u6ht3wdjpw] {
        flex-direction: column;
    }
}
/* /Components/Pages/Admin/Compliance.razor.rz.scp.css */
.compliance-container[b-v4cjbf77bv] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
}

.compliance-header[b-v4cjbf77bv] {
    margin-bottom: 2rem;
}

.compliance-header h1[b-v4cjbf77bv] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 0.5rem;
}

.compliance-header p[b-v4cjbf77bv] {
    color: #64748b;
}

/* Stats Grid */
.stats-grid[b-v4cjbf77bv] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.stat-card[b-v4cjbf77bv] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    background: white;
    border-radius: 0.75rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
    border-left: 4px solid #e2e8f0;
}

.stat-card.urgent[b-v4cjbf77bv] { border-left-color: #dc2626; }
.stat-card.info[b-v4cjbf77bv] { border-left-color: #0f3a5d; }
.stat-card.warning[b-v4cjbf77bv] { border-left-color: #d97706; }
.stat-card.success[b-v4cjbf77bv] { border-left-color: #059669; }

.stat-icon[b-v4cjbf77bv] {
    font-size: 2rem;
}

.stat-content[b-v4cjbf77bv] {
    display: flex;
    flex-direction: column;
}

.stat-value[b-v4cjbf77bv] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #1e293b;
}

.stat-label[b-v4cjbf77bv] {
    font-size: 0.8125rem;
    color: #64748b;
}

/* Tab Navigation */
.tab-nav[b-v4cjbf77bv] {
    display: flex;
    gap: 0.25rem;
    border-bottom: 2px solid #e2e8f0;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.tab-btn[b-v4cjbf77bv] {
    padding: 0.875rem 1.25rem;
    background: none;
    border: none;
    color: #64748b;
    cursor: pointer;
    font-size: 0.9375rem;
    font-weight: 500;
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: color 0.2s;
}

.tab-btn:hover[b-v4cjbf77bv] {
    color: #0f3a5d;
}

.tab-btn.active[b-v4cjbf77bv] {
    color: #0f3a5d;
    font-weight: 600;
}

.tab-btn.active[b-v4cjbf77bv]::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 2px;
    background: #0f3a5d;
}

.tab-btn .badge[b-v4cjbf77bv] {
    background: #dc2626;
    color: white;
    padding: 0.2rem 0.5rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
}

/* Section Header */
.section-header[b-v4cjbf77bv] {
    margin-bottom: 1.5rem;
}

.section-header h2[b-v4cjbf77bv] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 0.25rem;
}

.section-header p[b-v4cjbf77bv] {
    color: #64748b;
    font-size: 0.9375rem;
}

/* Data Table */
.data-table[b-v4cjbf77bv] {
    width: 100%;
    border-collapse: collapse;
    background: white;
    border-radius: 0.75rem;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
}

.data-table th[b-v4cjbf77bv] {
    background: #f8fafc;
    padding: 1rem 1.25rem;
    text-align: left;
    font-weight: 600;
    font-size: 0.75rem;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid #e2e8f0;
}

.data-table td[b-v4cjbf77bv] {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
    font-size: 0.9375rem;
    color: #1e293b;
}

.data-table tr:hover[b-v4cjbf77bv] {
    background: #f8fafc;
}

.data-table tr.overdue[b-v4cjbf77bv] {
    background: #fef2f2;
}

/* Badges */
.badge[b-v4cjbf77bv] {
    display: inline-flex;
    padding: 0.25rem 0.625rem;
    border-radius: 0.375rem;
    font-size: 0.75rem;
    font-weight: 500;
}

.badge-info[b-v4cjbf77bv] { background: #eff6ff; color: #0f3a5d; }
.badge-danger[b-v4cjbf77bv] { background: #fef2f2; color: #dc2626; }
.badge-warning[b-v4cjbf77bv] { background: #fffbeb; color: #d97706; }
.badge-primary[b-v4cjbf77bv] { background: #eff6ff; color: #0f3a5d; }
.badge-secondary[b-v4cjbf77bv] { background: #f1f5f9; color: #64748b; }

/* Status Badges */
.status-badge[b-v4cjbf77bv] {
    display: inline-flex;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.status-pending[b-v4cjbf77bv] { background: #fef3c7; color: #d97706; }
.status-inprogress[b-v4cjbf77bv] { background: #dbeafe; color: #1e40af; }
.status-completed[b-v4cjbf77bv] { background: #d1fae5; color: #059669; }
.status-rejected[b-v4cjbf77bv] { background: #fee2e2; color: #dc2626; }
.status-active[b-v4cjbf77bv] { background: #d1fae5; color: #059669; }
.status-withdrawn[b-v4cjbf77bv] { background: #fee2e2; color: #dc2626; }
.status-sent[b-v4cjbf77bv] { background: #d1fae5; color: #059669; }

/* Filter Bar */
.filter-bar[b-v4cjbf77bv] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.form-select[b-v4cjbf77bv], .form-input[b-v4cjbf77bv] {
    padding: 0.625rem 1rem;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    font-size: 0.9375rem;
    color: #1e293b;
    background: white;
    transition: all 0.2s;
}

.form-select:focus[b-v4cjbf77bv], .form-input:focus[b-v4cjbf77bv] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
}

.form-input[b-v4cjbf77bv] {
    min-width: 250px;
}

/* Empty State */
.empty-state[b-v4cjbf77bv] {
    text-align: center;
    padding: 3rem;
    color: #64748b;
}

.empty-icon[b-v4cjbf77bv] {
    font-size: 3rem;
    display: block;
    margin-bottom: 1rem;
    opacity: 0.5;
}

/* Buttons */
.btn[b-v4cjbf77bv] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.2s;
}

.btn-sm[b-v4cjbf77bv] {
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
}

.btn-primary[b-v4cjbf77bv] {
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    color: white;
}

.btn-primary:hover[b-v4cjbf77bv] {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(15, 58, 93, 0.3);
}

.btn-secondary[b-v4cjbf77bv] {
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #e2e8f0;
}

.btn-secondary:hover[b-v4cjbf77bv] {
    background: #e2e8f0;
}

.btn-warning[b-v4cjbf77bv] {
    background: #f59e0b;
    color: white;
}

.btn-warning:hover[b-v4cjbf77bv] {
    background: #d97706;
}

.btn-danger[b-v4cjbf77bv] {
    background: #dc2626;
    color: white;
}

.btn-danger:hover[b-v4cjbf77bv] {
    background: #b91c1c;
}

/* Retention Info */
.retention-info[b-v4cjbf77bv] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    margin-bottom: 2rem;
}

.retention-policy[b-v4cjbf77bv], .retention-actions[b-v4cjbf77bv] {
    background: white;
    padding: 1.5rem;
    border-radius: 0.75rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
}

.retention-policy h3[b-v4cjbf77bv], .retention-actions h3[b-v4cjbf77bv] {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #1e293b;
}

.retention-policy ul[b-v4cjbf77bv] {
    list-style: none;
    padding: 0;
}

.retention-policy li[b-v4cjbf77bv] {
    padding: 0.625rem 0;
    border-bottom: 1px solid #f1f5f9;
    color: #1e293b;
}

.retention-policy li:last-child[b-v4cjbf77bv] {
    border-bottom: none;
}

/* Modal */
.modal-overlay[b-v4cjbf77bv] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal-content[b-v4cjbf77bv] {
    background: white;
    border-radius: 1rem;
    max-width: 800px;
    max-height: 90vh;
    overflow: auto;
    width: 100%;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.modal-header[b-v4cjbf77bv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #e2e8f0;
}

.modal-header h3[b-v4cjbf77bv] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1e293b;
}

.close-btn[b-v4cjbf77bv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: transparent;
    border: none;
    border-radius: 0.5rem;
    font-size: 1.25rem;
    cursor: pointer;
    color: #64748b;
    transition: all 0.2s;
}

.close-btn:hover[b-v4cjbf77bv] {
    background: #f1f5f9;
    color: #1e293b;
}

.modal-body[b-v4cjbf77bv] {
    padding: 1.5rem;
}

.modal-body pre[b-v4cjbf77bv] {
    white-space: pre-wrap;
    font-size: 0.875rem;
    background: #f8fafc;
    padding: 1rem;
    border-radius: 0.5rem;
    border: 1px solid #e2e8f0;
    color: #1e293b;
}

/* Alert */
.alert[b-v4cjbf77bv] {
    padding: 1rem 1.25rem;
    border-radius: 0.5rem;
    margin-top: 1rem;
}

.alert-info[b-v4cjbf77bv] {
    background: #eff6ff;
    color: #0f3a5d;
    border: 1px solid #dbeafe;
}

.text-danger[b-v4cjbf77bv] {
    color: #dc2626;
}

.mt-3[b-v4cjbf77bv] {
    margin-top: 1rem;
}

/* Responsive */
@media (max-width: 768px) {
    .compliance-container[b-v4cjbf77bv] {
        padding: 1rem;
    }
    
    .retention-info[b-v4cjbf77bv] {
        grid-template-columns: 1fr;
    }
    
    .stats-grid[b-v4cjbf77bv] {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .data-table th[b-v4cjbf77bv],
    .data-table td[b-v4cjbf77bv] {
        padding: 0.75rem;
    }
}


/* Page Header */
.page-header[b-v4cjbf77bv] {
    margin-bottom: 2rem;
}

.page-header h1[b-v4cjbf77bv] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 700;
    color: #1e293b;
}

.page-header p[b-v4cjbf77bv] {
    color: #64748b;
    margin: 0.5rem 0 0 0;
    font-size: 0.9375rem;
}

/* Compliance Tabs */
.compliance-tabs[b-v4cjbf77bv] {
    display: flex;
    gap: 0.25rem;
    border-bottom: 2px solid #e2e8f0;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

/* Tab Content */
.tab-content[b-v4cjbf77bv] {
    background: white;
    border-radius: 0.75rem;
    padding: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
}

/* Compliance Table */
.compliance-table[b-v4cjbf77bv] {
    width: 100%;
    border-collapse: collapse;
}

.compliance-table th[b-v4cjbf77bv] {
    text-align: left;
    padding: 0.875rem 1rem;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    font-weight: 600;
    font-size: 0.75rem;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.compliance-table td[b-v4cjbf77bv] {
    padding: 0.875rem 1rem;
    border-bottom: 1px solid #f1f5f9;
    font-size: 0.9375rem;
    color: #1e293b;
}

.compliance-table tr:hover[b-v4cjbf77bv] {
    background: #f8fafc;
}

.compliance-table tr.urgent[b-v4cjbf77bv] {
    background: #fef2f2;
}

/* Request Types */
.request-type[b-v4cjbf77bv] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 0.625rem;
    border-radius: 0.375rem;
    font-size: 0.8125rem;
    font-weight: 500;
}

.request-type.access[b-v4cjbf77bv] { background: #dbeafe; color: #1e40af; }
.request-type.erasure[b-v4cjbf77bv] { background: #fee2e2; color: #dc2626; }
.request-type.portability[b-v4cjbf77bv] { background: #d1fae5; color: #059669; }
.request-type.rectification[b-v4cjbf77bv] { background: #fef3c7; color: #d97706; }
.request-type.restriction[b-v4cjbf77bv] { background: #e0e7ff; color: #4f46e5; }
.request-type.objection[b-v4cjbf77bv] { background: #fce7f3; color: #db2777; }

/* Notice Types */
.notice-type[b-v4cjbf77bv] {
    display: inline-flex;
    padding: 0.25rem 0.625rem;
    border-radius: 0.375rem;
    font-size: 0.8125rem;
    font-weight: 500;
}

.notice-type.preadverse[b-v4cjbf77bv] { background: #fef3c7; color: #d97706; }
.notice-type.finaladverse[b-v4cjbf77bv] { background: #fee2e2; color: #dc2626; }

/* Overdue */
.overdue[b-v4cjbf77bv] {
    color: #dc2626;
    font-weight: 600;
}

.overdue-badge[b-v4cjbf77bv] {
    display: inline-flex;
    background: #dc2626;
    color: white;
    padding: 0.125rem 0.375rem;
    border-radius: 0.25rem;
    font-size: 0.625rem;
    font-weight: 700;
    margin-left: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

/* Action Buttons */
.btn-action[b-v4cjbf77bv] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.375rem 0.75rem;
    border: none;
    border-radius: 0.375rem;
    cursor: pointer;
    font-size: 0.8125rem;
    font-weight: 500;
    margin-right: 0.375rem;
    transition: all 0.2s;
}

.btn-action.process[b-v4cjbf77bv] {
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    color: white;
}

.btn-action.process:hover[b-v4cjbf77bv] {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(15, 58, 93, 0.3);
}

.btn-action.view[b-v4cjbf77bv] {
    background: #f1f5f9;
    color: #475569;
}

.btn-action.view:hover[b-v4cjbf77bv] {
    background: #e2e8f0;
}

.btn-action.download[b-v4cjbf77bv] {
    background: #059669;
    color: white;
}

.btn-action.download:hover[b-v4cjbf77bv] {
    background: #047857;
}

.btn-action.send[b-v4cjbf77bv] {
    background: #0891b2;
    color: white;
}

.btn-action.send:hover[b-v4cjbf77bv] {
    background: #0e7490;
}

/* Text Utilities */
.text-muted[b-v4cjbf77bv] {
    color: #64748b;
    font-size: 0.8125rem;
}

/* Filter Controls */
.filter-select[b-v4cjbf77bv] {
    padding: 0.625rem 1rem;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    font-size: 0.9375rem;
    color: #1e293b;
    background: white;
    transition: all 0.2s;
}

.filter-select:focus[b-v4cjbf77bv] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
}

.btn-filter[b-v4cjbf77bv] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    color: white;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.2s;
}

.btn-filter:hover[b-v4cjbf77bv] {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(15, 58, 93, 0.3);
}

/* Retention Cards */
.retention-card[b-v4cjbf77bv] {
    background: #f8fafc;
    border-radius: 0.75rem;
    padding: 1.5rem;
    border: 1px solid #e2e8f0;
}

.retention-card h4[b-v4cjbf77bv] {
    margin: 0 0 1rem 0;
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
}

.retention-card ul[b-v4cjbf77bv] {
    margin: 0;
    padding-left: 1.25rem;
    color: #475569;
}

.retention-card li[b-v4cjbf77bv] {
    margin-bottom: 0.5rem;
    line-height: 1.5;
}

.retention-result[b-v4cjbf77bv] {
    margin-top: 1rem;
    padding: 1rem;
    background: #d1fae5;
    border: 1px solid #a7f3d0;
    border-radius: 0.5rem;
    color: #059669;
    font-weight: 500;
}

/* Automated Badge */
.badge.automated[b-v4cjbf77bv] {
    background: #64748b;
    color: white;
    padding: 0.2rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
}

/* Detail Rows (Modal) */
.detail-row[b-v4cjbf77bv] {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
    align-items: start;
}

.detail-row.full-width[b-v4cjbf77bv] {
    grid-template-columns: 1fr;
}

.detail-row label[b-v4cjbf77bv] {
    font-weight: 600;
    color: #64748b;
    font-size: 0.875rem;
}

.detail-row span[b-v4cjbf77bv],
.detail-row div:not(.detail-row)[b-v4cjbf77bv] {
    color: #1e293b;
}

/* Notice Content */
.notice-content[b-v4cjbf77bv] {
    background: #f8fafc;
    padding: 1rem;
    border-radius: 0.5rem;
    border: 1px solid #e2e8f0;
    white-space: pre-wrap;
    font-family: inherit;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: #1e293b;
}

/* Large Modal Variant */
.modal-content.large[b-v4cjbf77bv] {
    max-width: 900px;
}
/* /Components/Pages/Admin/Currencies.razor.rz.scp.css */
.admin-container[b-2fo9rj5285] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
}

.page-header[b-2fo9rj5285] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
    gap: 1rem;
}

.header-content h1[b-2fo9rj5285] {
    margin: 0;
    font-size: 1.75rem;
    color: #1e3a5f;
}

.header-content p[b-2fo9rj5285] {
    margin: 0.5rem 0 0;
    color: #64748b;
}

/* Buttons */
.btn-primary[b-2fo9rj5285] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: linear-gradient(135deg, #1e3a5f 0%, #2d4a6f 100%);
    color: white;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-primary:hover:not(:disabled)[b-2fo9rj5285] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(30, 58, 95, 0.3);
}

.btn-primary:disabled[b-2fo9rj5285] {
    opacity: 0.7;
    cursor: not-allowed;
}

.btn-secondary[b-2fo9rj5285] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-secondary:hover:not(:disabled)[b-2fo9rj5285] {
    background: #e2e8f0;
}

.btn-secondary:disabled[b-2fo9rj5285] {
    opacity: 0.7;
    cursor: not-allowed;
}

.btn-danger[b-2fo9rj5285] {
    padding: 0.75rem 1.5rem;
    background: #dc2626;
    color: white;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
}

.btn-danger:hover[b-2fo9rj5285] {
    background: #b91c1c;
}

.btn-sm[b-2fo9rj5285] {
    padding: 0.375rem 0.75rem;
    font-size: 0.8rem;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.2s;
}

.btn-set[b-2fo9rj5285] {
    background: #1e3a5f;
    color: white;
}

.btn-set:hover:not(:disabled)[b-2fo9rj5285] {
    background: #2d4a6f;
}

.btn-set:disabled[b-2fo9rj5285] {
    background: #cbd5e1;
    color: #94a3b8;
    cursor: not-allowed;
}

.btn-clear[b-2fo9rj5285] {
    background: #fef3c7;
    color: #92400e;
    margin-left: 0.5rem;
}

.btn-clear:hover[b-2fo9rj5285] {
    background: #fde68a;
}

/* Alerts */
.alert[b-2fo9rj5285] {
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 1.5rem;
}

.alert-success[b-2fo9rj5285] {
    background: #d1fae5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}

.alert-error[b-2fo9rj5285] {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

/* Exchange Rates Card */
.rates-card[b-2fo9rj5285] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid #e5e7eb;
}

.rates-header[b-2fo9rj5285] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.rates-header h3[b-2fo9rj5285] {
    margin: 0;
    font-size: 1.1rem;
    color: #374151;
}

.rates-table[b-2fo9rj5285] {
    width: 100%;
    border-collapse: collapse;
}

.rates-table th[b-2fo9rj5285],
.rates-table td[b-2fo9rj5285] {
    padding: 1rem;
    text-align: left;
    border-bottom: 1px solid #e5e7eb;
}

.rates-table th[b-2fo9rj5285] {
    font-weight: 600;
    color: #64748b;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: #f8fafc;
}

.rates-table tbody tr:hover[b-2fo9rj5285] {
    background: #f8fafc;
}

.rates-table tbody tr.inactive[b-2fo9rj5285] {
    opacity: 0.5;
}

.currency-info[b-2fo9rj5285] {
    display: flex;
    flex-direction: column;
}

.currency-info strong[b-2fo9rj5285] {
    color: #1e3a5f;
}

.currency-name[b-2fo9rj5285] {
    font-size: 0.8rem;
    color: #64748b;
}

.rate-cell[b-2fo9rj5285] {
    font-family: 'SF Mono', Monaco, monospace;
}

.rate-cell.effective[b-2fo9rj5285] {
    display: flex;
    flex-direction: column;
}

.rate-cell.effective strong[b-2fo9rj5285] {
    color: #1e3a5f;
    font-size: 1.1rem;
}

.rate-example[b-2fo9rj5285] {
    font-size: 0.75rem;
    color: #64748b;
    margin-top: 0.25rem;
}

.official-rate[b-2fo9rj5285] {
    color: #059669;
    font-weight: 500;
}

.rate-source[b-2fo9rj5285] {
    display: block;
    font-size: 0.7rem;
    color: #9ca3af;
}

.no-rate[b-2fo9rj5285] {
    color: #9ca3af;
    font-style: italic;
}

.rate-meta[b-2fo9rj5285] {
    display: block;
    font-size: 0.7rem;
    color: #64748b;
    margin-top: 0.25rem;
}

.manual-rate-input input[b-2fo9rj5285] {
    width: 120px;
    padding: 0.5rem;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.875rem;
    font-family: 'SF Mono', Monaco, monospace;
}

.manual-rate-input input:focus[b-2fo9rj5285] {
    outline: none;
    border-color: #1e3a5f;
    box-shadow: 0 0 0 2px rgba(30, 58, 95, 0.1);
}

.rates-footer[b-2fo9rj5285] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e5e7eb;
    font-size: 0.8rem;
    color: #64748b;
    text-align: right;
}

/* Badges */
.badge[b-2fo9rj5285] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
}

.badge-primary[b-2fo9rj5285] {
    background: #dbeafe;
    color: #1e40af;
}

.badge-auto[b-2fo9rj5285] {
    background: #d1fae5;
    color: #065f46;
}

.badge-manual[b-2fo9rj5285] {
    background: #fef3c7;
    color: #92400e;
}

/* Currencies Card */
.currencies-card[b-2fo9rj5285] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid #e5e7eb;
}

.currencies-card h3[b-2fo9rj5285] {
    margin: 0 0 1.5rem;
    font-size: 1.1rem;
    color: #374151;
}

.currencies-table[b-2fo9rj5285] {
    width: 100%;
    border-collapse: collapse;
}

.currencies-table th[b-2fo9rj5285],
.currencies-table td[b-2fo9rj5285] {
    padding: 1rem;
    text-align: left;
    border-bottom: 1px solid #e5e7eb;
}

.currencies-table th[b-2fo9rj5285] {
    font-weight: 600;
    color: #64748b;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: #f8fafc;
}

.currencies-table tbody tr:hover[b-2fo9rj5285] {
    background: #f8fafc;
}

.currencies-table tbody tr.inactive[b-2fo9rj5285] {
    opacity: 0.5;
}

.symbol-cell[b-2fo9rj5285] {
    font-size: 1.25rem;
}

.format-cell[b-2fo9rj5285] {
    font-family: 'SF Mono', Monaco, monospace;
    color: #1e3a5f;
}

.actions-cell[b-2fo9rj5285] {
    white-space: nowrap;
}

.btn-icon[b-2fo9rj5285] {
    width: 32px;
    height: 32px;
    border: none;
    background: #f1f5f9;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.9rem;
    margin-right: 0.25rem;
    transition: all 0.2s;
}

.btn-icon:hover[b-2fo9rj5285] {
    background: #e2e8f0;
}

.btn-icon.danger:hover[b-2fo9rj5285] {
    background: #fee2e2;
}

/* Toggle Switch */
.toggle-switch[b-2fo9rj5285] {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 24px;
}

.toggle-switch input[b-2fo9rj5285] {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-slider[b-2fo9rj5285] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #cbd5e1;
    transition: 0.3s;
    border-radius: 24px;
}

.toggle-slider[b-2fo9rj5285]:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: 0.3s;
    border-radius: 50%;
}

.toggle-switch input:checked + .toggle-slider[b-2fo9rj5285] {
    background-color: #10b981;
}

.toggle-switch input:checked + .toggle-slider[b-2fo9rj5285]:before {
    transform: translateX(20px);
}

.toggle-switch input:disabled + .toggle-slider[b-2fo9rj5285] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Modal */
.modal-overlay[b-2fo9rj5285] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal-content[b-2fo9rj5285] {
    background: white;
    border-radius: 16px;
    width: 100%;
    max-width: 500px;
    max-height: 90vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.modal-content.small[b-2fo9rj5285] {
    max-width: 400px;
}

.modal-header[b-2fo9rj5285] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid #e2e8f0;
}

.modal-header h2[b-2fo9rj5285] {
    margin: 0;
    font-size: 1.25rem;
    color: #1e3a5f;
}

.modal-close[b-2fo9rj5285] {
    width: 32px;
    height: 32px;
    border: none;
    background: #f1f5f9;
    border-radius: 8px;
    font-size: 1.5rem;
    cursor: pointer;
    color: #64748b;
    line-height: 1;
}

.modal-body[b-2fo9rj5285] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.modal-footer[b-2fo9rj5285] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    padding: 1.5rem;
    border-top: 1px solid #e2e8f0;
}

/* Form Elements */
.form-group[b-2fo9rj5285] {
    margin-bottom: 1.25rem;
}

.form-group label[b-2fo9rj5285] {
    display: block;
    font-weight: 600;
    color: #374151;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
}

.form-group input[b-2fo9rj5285],
.form-group select[b-2fo9rj5285] {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 1rem;
}

.form-group input:focus[b-2fo9rj5285],
.form-group select:focus[b-2fo9rj5285] {
    outline: none;
    border-color: #1e3a5f;
    box-shadow: 0 0 0 3px rgba(30, 58, 95, 0.1);
}

.form-group input.disabled[b-2fo9rj5285],
.form-group input:disabled[b-2fo9rj5285] {
    background: #f3f4f6;
    cursor: not-allowed;
}

.help-text[b-2fo9rj5285] {
    font-size: 0.75rem;
    color: #9ca3af;
    margin-top: 0.25rem;
}

.form-row[b-2fo9rj5285] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.radio-group[b-2fo9rj5285] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.radio-label[b-2fo9rj5285] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-size: 0.9rem;
}

.radio-label input[b-2fo9rj5285] {
    width: auto;
}

.checkbox-label[b-2fo9rj5285] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-weight: normal !important;
}

.checkbox-label input[b-2fo9rj5285] {
    width: 18px;
    height: 18px;
}

.preview-box[b-2fo9rj5285] {
    background: #f8fafc;
    border-radius: 8px;
    padding: 1rem;
    margin-top: 1rem;
}

.preview-box label[b-2fo9rj5285] {
    font-size: 0.75rem;
    color: #64748b;
    margin-bottom: 0.5rem;
}

.preview-format[b-2fo9rj5285] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1e3a5f;
}

/* States */
.loading-state[b-2fo9rj5285] {
    text-align: center;
    padding: 3rem 2rem;
    color: #64748b;
}

.spinner[b-2fo9rj5285] {
    width: 40px;
    height: 40px;
    border: 3px solid #e2e8f0;
    border-top-color: #1e3a5f;
    border-radius: 50%;
    animation: spin-b-2fo9rj5285 1s linear infinite;
    margin: 0 auto 1rem;
}

.spinner-sm[b-2fo9rj5285] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-2fo9rj5285 1s linear infinite;
    display: inline-block;
}

@keyframes spin-b-2fo9rj5285 {
    to { transform: rotate(360deg); }
}

.text-muted[b-2fo9rj5285] {
    color: #64748b;
    font-size: 0.875rem;
}

/* Responsive */
@media (max-width: 1024px) {
    .rates-table[b-2fo9rj5285] {
        font-size: 0.85rem;
    }
    
    .rates-table th[b-2fo9rj5285],
    .rates-table td[b-2fo9rj5285] {
        padding: 0.75rem 0.5rem;
    }
    
    .manual-rate-input input[b-2fo9rj5285] {
        width: 90px;
    }
}

@media (max-width: 768px) {
    .admin-container[b-2fo9rj5285] {
        padding: 1rem;
    }

    .page-header[b-2fo9rj5285] {
        flex-direction: column;
    }

    .rates-table[b-2fo9rj5285],
    .currencies-table[b-2fo9rj5285] {
        font-size: 0.8rem;
    }

    .form-row[b-2fo9rj5285] {
        grid-template-columns: 1fr;
    }
    
    .btn-sm[b-2fo9rj5285] {
        padding: 0.25rem 0.5rem;
        font-size: 0.7rem;
    }
}
/* /Components/Pages/Admin/DsrProcess.razor.rz.scp.css */
.dsr-container[b-z2rblw104s] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 2rem;
}

.back-link[b-z2rblw104s] {
    margin-bottom: 1.5rem;
}

.back-link a[b-z2rblw104s] {
    color: #0f3a5d;
    text-decoration: none;
    font-weight: 500;
}

.back-link a:hover[b-z2rblw104s] {
    color: #1a5fa8;
    text-decoration: underline;
}

.dsr-header[b-z2rblw104s] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2rem;
}

.dsr-header h1[b-z2rblw104s] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #1e293b;
}

.dsr-grid[b-z2rblw104s] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.dsr-card[b-z2rblw104s] {
    background: white;
    border-radius: 0.75rem;
    padding: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
}

.dsr-card h3[b-z2rblw104s] {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 1.125rem;
    font-weight: 600;
    color: #1e293b;
}

.detail-row[b-z2rblw104s] {
    display: flex;
    margin-bottom: 0.75rem;
    gap: 0.5rem;
}

.detail-row .label[b-z2rblw104s] {
    font-weight: 500;
    color: #64748b;
    min-width: 120px;
}

.detail-row .value[b-z2rblw104s] {
    color: #1e293b;
}

.text-danger[b-z2rblw104s] {
    color: #dc2626;
}

.overdue-badge[b-z2rblw104s] {
    background: #dc2626;
    color: white;
    padding: 0.2rem 0.5rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    margin-left: 0.5rem;
}

.days-left[b-z2rblw104s] {
    color: #64748b;
    font-size: 0.875rem;
}

.info-text[b-z2rblw104s] {
    color: #64748b;
    font-size: 0.9375rem;
    margin-bottom: 1rem;
}

.verified-badge[b-z2rblw104s] {
    background: #d1fae5;
    color: #065f46;
    padding: 1rem;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.verified-badge small[b-z2rblw104s] {
    color: #64748b;
}

.verification-form[b-z2rblw104s] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.form-select[b-z2rblw104s], .form-textarea[b-z2rblw104s] {
    padding: 0.625rem;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    font-size: 0.9375rem;
    color: #1e293b;
    transition: all 0.2s;
}

.form-select:focus[b-z2rblw104s], .form-textarea:focus[b-z2rblw104s] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
}

.form-textarea[b-z2rblw104s] {
    min-height: 100px;
    resize: vertical;
}

.mt-2[b-z2rblw104s] {
    margin-top: 0.5rem;
}

.processing-card[b-z2rblw104s] {
    grid-column: span 2;
}

.warning-box[b-z2rblw104s] {
    background: #fef3c7;
    color: #92400e;
    padding: 1rem;
    border-radius: 0.5rem;
    border: 1px solid #fde68a;
}

.process-info[b-z2rblw104s] {
    background: #f8fafc;
    padding: 1.5rem;
    border-radius: 0.5rem;
    border: 1px solid #e2e8f0;
}

.process-info h4[b-z2rblw104s] {
    margin-top: 0;
    margin-bottom: 0.75rem;
    color: #1e293b;
}

.process-info p[b-z2rblw104s] {
    margin-bottom: 1rem;
    color: #475569;
}

.process-info.erasure-warning[b-z2rblw104s] {
    background: #fef2f2;
    border: 1px solid #fecaca;
}

.consent-checkbox[b-z2rblw104s] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    cursor: pointer;
    padding: 0.75rem;
    background: white;
    border-radius: 0.5rem;
    border: 1px solid #e2e8f0;
}

.consent-checkbox input[b-z2rblw104s] {
    margin-top: 3px;
    accent-color: #0f3a5d;
}

.completed-card[b-z2rblw104s] {
    background: #d1fae5;
    border: 1px solid #a7f3d0;
}

.error-message[b-z2rblw104s] {
    background: #fee2e2;
    color: #991b1b;
    padding: 1rem;
    border-radius: 0.5rem;
    margin-top: 1rem;
    border: 1px solid #fecaca;
}

.success-message[b-z2rblw104s] {
    background: #d1fae5;
    color: #065f46;
    padding: 1rem;
    border-radius: 0.5rem;
    margin-top: 1rem;
    border: 1px solid #a7f3d0;
}

.btn[b-z2rblw104s] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.2s;
}

.btn-primary[b-z2rblw104s] {
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    color: white;
}

.btn-primary:hover:not(:disabled)[b-z2rblw104s] {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(15, 58, 93, 0.3);
}

.btn-danger[b-z2rblw104s] {
    background: #dc2626;
    color: white;
}

.btn-danger:hover:not(:disabled)[b-z2rblw104s] {
    background: #b91c1c;
}

.btn:disabled[b-z2rblw104s] {
    opacity: 0.6;
    cursor: not-allowed;
}

.status-badge[b-z2rblw104s] {
    display: inline-flex;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.status-pending[b-z2rblw104s] { background: #fef3c7; color: #d97706; }
.status-inprogress[b-z2rblw104s] { background: #dbeafe; color: #1e40af; }
.status-completed[b-z2rblw104s] { background: #d1fae5; color: #059669; }

.badge[b-z2rblw104s] {
    display: inline-flex;
    padding: 0.25rem 0.625rem;
    border-radius: 0.375rem;
    font-size: 0.75rem;
    font-weight: 500;
}

.badge-info[b-z2rblw104s] { background: #eff6ff; color: #0f3a5d; }
.badge-danger[b-z2rblw104s] { background: #fef2f2; color: #dc2626; }
.badge-warning[b-z2rblw104s] { background: #fffbeb; color: #d97706; }
.badge-primary[b-z2rblw104s] { background: #eff6ff; color: #0f3a5d; }

.loading[b-z2rblw104s] {
    text-align: center;
    padding: 3rem;
    color: #64748b;
}

@media (max-width: 768px) {
    .dsr-container[b-z2rblw104s] {
        padding: 1rem;
    }
    
    .dsr-grid[b-z2rblw104s] {
        grid-template-columns: 1fr;
    }
    
    .processing-card[b-z2rblw104s] {
        grid-column: span 1;
    }
}
/* /Components/Pages/Admin/InvoiceEdit.razor.rz.scp.css */
.admin-container[b-d063qxl5x4] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 2rem;
}

.page-header[b-d063qxl5x4] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.header-left[b-d063qxl5x4] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.page-header h1[b-d063qxl5x4] {
    margin: 0;
    font-size: 1.5rem;
    color: #1e293b;
}

.btn-back[b-d063qxl5x4] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0;
    background: none;
    border: none;
    color: #64748b;
    cursor: pointer;
    font-size: 0.875rem;
}

.btn-back:hover[b-d063qxl5x4] {
    color: #0f3a5d;
}

.btn-pdf[b-d063qxl5x4] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    background: linear-gradient(135deg, #dc2626, #b91c1c);
    color: white;
    border: none;
    border-radius: 0.5rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-pdf:hover[b-d063qxl5x4] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3);
}

/* Loading */
.loading[b-d063qxl5x4] {
    text-align: center;
    padding: 4rem;
}

.spinner[b-d063qxl5x4] {
    width: 40px;
    height: 40px;
    border: 3px solid #e2e8f0;
    border-top-color: #0f3a5d;
    border-radius: 50%;
    animation: spin-b-d063qxl5x4 0.8s linear infinite;
    margin: 0 auto 1rem;
}

@keyframes spin-b-d063qxl5x4 {
    to { transform: rotate(360deg); }
}

/* Form Cards */
.invoice-form[b-d063qxl5x4] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.form-card[b-d063qxl5x4] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    padding: 1.5rem;
}

.form-card h3[b-d063qxl5x4] {
    margin: 0 0 1rem;
    font-size: 1rem;
    color: #1e293b;
    font-weight: 600;
}

.card-header[b-d063qxl5x4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.card-header h3[b-d063qxl5x4] {
    margin: 0;
}

.section-desc[b-d063qxl5x4] {
    margin: 0 0 1rem;
    font-size: 0.875rem;
    color: #64748b;
}

/* Unbilled Section */
.unbilled-section[b-d063qxl5x4] {
    background: linear-gradient(135deg, #f0fdf4, #ecfdf5);
    border-color: #86efac;
}

.btn-add-all[b-d063qxl5x4] {
    padding: 0.5rem 1rem;
    background: #10b981;
    color: white;
    border: none;
    border-radius: 0.375rem;
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
}

.btn-add-all:hover[b-d063qxl5x4] {
    background: #059669;
}

.unbilled-list[b-d063qxl5x4] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    max-height: 400px;
    overflow-y: auto;
}

.unbilled-item[b-d063qxl5x4] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: white;
    border: 2px solid #e2e8f0;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.2s;
}

.unbilled-item:hover[b-d063qxl5x4] {
    border-color: #10b981;
}

.unbilled-item.selected[b-d063qxl5x4] {
    border-color: #10b981;
    background: #f0fdf4;
}

.item-checkbox[b-d063qxl5x4] {
    flex-shrink: 0;
}

.item-checkbox input[b-d063qxl5x4] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.item-details[b-d063qxl5x4] {
    flex: 1;
    min-width: 0;
}

.item-candidate[b-d063qxl5x4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.375rem;
}

.item-candidate strong[b-d063qxl5x4] {
    color: #1e293b;
}

.item-date[b-d063qxl5x4] {
    font-size: 0.75rem;
    color: #64748b;
}

.item-types[b-d063qxl5x4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    margin-bottom: 0.375rem;
}

.type-badge[b-d063qxl5x4] {
    padding: 0.125rem 0.5rem;
    background: #e0f2fe;
    color: #0369a1;
    border-radius: 9999px;
    font-size: 0.7rem;
    font-weight: 500;
}

.item-client[b-d063qxl5x4] {
    font-size: 0.8rem;
    color: #64748b;
}

.item-price[b-d063qxl5x4] {
    flex-shrink: 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: #10b981;
}

/* Form Grid */
.form-grid[b-d063qxl5x4] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.form-grid.mt-1[b-d063qxl5x4] {
    margin-top: 1rem;
}

.form-group[b-d063qxl5x4] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.form-group.full-width[b-d063qxl5x4] {
    grid-column: span 2;
}

.form-group label[b-d063qxl5x4] {
    font-size: 0.8rem;
    font-weight: 500;
    color: #374151;
}

.form-input[b-d063qxl5x4] {
    padding: 0.5rem 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 0.375rem;
    font-size: 0.875rem;
}

.form-input:focus[b-d063qxl5x4] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 2px rgba(15, 58, 93, 0.1);
}

textarea.form-input[b-d063qxl5x4] {
    resize: vertical;
    min-height: 60px;
}

/* Buttons */
.btn-add[b-d063qxl5x4] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 1rem;
    background: #e0f2fe;
    color: #0369a1;
    border: none;
    border-radius: 0.375rem;
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
}

.btn-add:hover[b-d063qxl5x4] {
    background: #bae6fd;
}

.btn-remove[b-d063qxl5x4] {
    padding: 0.375rem;
    background: #fee2e2;
    color: #dc2626;
    border: none;
    border-radius: 0.375rem;
    cursor: pointer;
}

.btn-remove:hover[b-d063qxl5x4] {
    background: #fecaca;
}

/* Line Items Table */
.line-items-table[b-d063qxl5x4] {
    overflow-x: auto;
}

.line-items-table table[b-d063qxl5x4] {
    width: 100%;
    border-collapse: collapse;
}

.line-items-table th[b-d063qxl5x4] {
    text-align: left;
    padding: 0.75rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    border-bottom: 1px solid #e2e8f0;
}

.line-items-table td[b-d063qxl5x4] {
    padding: 0.5rem;
    vertical-align: middle;
}

.line-items-table .form-input[b-d063qxl5x4] {
    width: 100%;
}

.total-cell[b-d063qxl5x4] {
    font-weight: 600;
    color: #1e293b;
    text-align: right;
    padding-right: 1rem !important;
}

.empty-items[b-d063qxl5x4] {
    text-align: center;
    padding: 2rem;
    background: #f8fafc;
    border-radius: 0.5rem;
    color: #64748b;
}

/* Invoice Totals */
.invoice-totals[b-d063qxl5x4] {
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid #e2e8f0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.5rem;
}

.totals-row[b-d063qxl5x4] {
    display: flex;
    justify-content: space-between;
    width: 250px;
    font-size: 0.9rem;
}

.totals-row span:first-child[b-d063qxl5x4] {
    color: #64748b;
}

.totals-row span:last-child[b-d063qxl5x4] {
    font-weight: 500;
    color: #1e293b;
}

.totals-row.total[b-d063qxl5x4] {
    padding-top: 0.5rem;
    border-top: 2px solid #e2e8f0;
    font-size: 1.1rem;
}

.totals-row.total span:last-child[b-d063qxl5x4] {
    font-weight: 700;
    color: #0f3a5d;
}

/* Error Message */
.error-message[b-d063qxl5x4] {
    background: #fee2e2;
    color: #991b1b;
    padding: 1rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
}

/* Form Actions */
.form-actions[b-d063qxl5x4] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding-top: 1rem;
}

.btn-secondary[b-d063qxl5x4] {
    padding: 0.625rem 1.25rem;
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #cbd5e1;
    border-radius: 0.5rem;
    font-weight: 500;
    cursor: pointer;
}

.btn-secondary:hover[b-d063qxl5x4] {
    background: #e2e8f0;
}

.btn-primary[b-d063qxl5x4] {
    padding: 0.625rem 1.25rem;
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    color: white;
    border: none;
    border-radius: 0.5rem;
    font-weight: 500;
    cursor: pointer;
}

.btn-primary:hover:not(:disabled)[b-d063qxl5x4] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(15, 58, 93, 0.3);
}

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

.btn-success[b-d063qxl5x4] {
    padding: 0.625rem 1.25rem;
    background: linear-gradient(135deg, #059669, #10b981);
    color: white;
    border: none;
    border-radius: 0.5rem;
    font-weight: 500;
    cursor: pointer;
}

.btn-success:hover:not(:disabled)[b-d063qxl5x4] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(5, 150, 105, 0.3);
}

.btn-success:disabled[b-d063qxl5x4] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Toast */
.toast[b-d063qxl5x4] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    padding: 1rem 1.5rem;
    border-radius: 0.5rem;
    font-weight: 500;
    z-index: 1001;
    animation: slideIn-b-d063qxl5x4 0.3s ease;
}

.toast-success[b-d063qxl5x4] {
    background: #d1fae5;
    color: #065f46;
}

@keyframes slideIn-b-d063qxl5x4 {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Responsive */
@media (max-width: 768px) {
    .admin-container[b-d063qxl5x4] {
        padding: 1rem;
    }
    
    .page-header[b-d063qxl5x4] {
        flex-direction: column;
        gap: 1rem;
    }
    
    .form-grid[b-d063qxl5x4] {
        grid-template-columns: 1fr;
    }
    
    .form-group.full-width[b-d063qxl5x4] {
        grid-column: span 1;
    }
    
    .form-actions[b-d063qxl5x4] {
        flex-direction: column;
    }
    
    .form-actions button[b-d063qxl5x4] {
        width: 100%;
    }
    
    .invoice-totals[b-d063qxl5x4] {
        align-items: stretch;
    }
    
    .totals-row[b-d063qxl5x4] {
        width: 100%;
    }
    
    .unbilled-item[b-d063qxl5x4] {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .item-price[b-d063qxl5x4] {
        align-self: flex-end;
    }
}


/* Exchange Rate Display */
.exchange-rate-info[b-d063qxl5x4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: #f0f9ff;
    border: 1px solid #bae6fd;
    border-radius: 6px;
    font-size: 0.85rem;
}

.rate-label[b-d063qxl5x4] {
    color: #64748b;
}

.rate-value[b-d063qxl5x4] {
    font-weight: 600;
    color: #0369a1;
    font-family: 'SF Mono', Monaco, monospace;
}

.rate-badge[b-d063qxl5x4] {
    padding: 0.125rem 0.5rem;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
}

.rate-badge.auto[b-d063qxl5x4] {
    background: #d1fae5;
    color: #065f46;
}

.rate-badge.manual[b-d063qxl5x4] {
    background: #fef3c7;
    color: #92400e;
}

/* EUR Equivalent in totals */
.totals-row.eur-equivalent[b-d063qxl5x4] {
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px dashed #e2e8f0;
    color: #64748b;
    font-size: 0.9rem;
}

.totals-row.eur-equivalent span:last-child[b-d063qxl5x4] {
    color: #1e3a5f;
}

.exchange-rate-note[b-d063qxl5x4] {
    margin-top: 0.75rem;
    padding: 0.75rem;
    background: #f8fafc;
    border-radius: 6px;
    font-size: 0.8rem;
    color: #64748b;
    text-align: right;
    line-height: 1.5;
}

.exchange-rate-note small[b-d063qxl5x4] {
    color: #94a3b8;
}
/* /Components/Pages/Admin/Packages.razor.rz.scp.css */
.admin-container[b-m39sygkafd] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
}

.page-header[b-m39sygkafd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e2e8f0;
}

.header-content h1[b-m39sygkafd] {
    margin: 0;
    font-size: 1.75rem;
    color: #1e293b;
}

.header-content p[b-m39sygkafd] {
    margin: 0.25rem 0 0;
    color: #64748b;
}

.btn-primary[b-m39sygkafd] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    color: white;
    border: none;
    border-radius: 0.5rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-primary:hover[b-m39sygkafd] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(15, 58, 93, 0.3);
}

.btn-icon[b-m39sygkafd] {
    width: 18px;
    height: 18px;
}

.loading[b-m39sygkafd], .empty-state[b-m39sygkafd] {
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 1rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.empty-icon[b-m39sygkafd] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.empty-state h3[b-m39sygkafd] {
    margin: 0 0 0.5rem;
    color: #1e293b;
}

.empty-state p[b-m39sygkafd] {
    color: #64748b;
    margin-bottom: 1.5rem;
}

.packages-grid[b-m39sygkafd] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.5rem;
}

.package-card[b-m39sygkafd] {
    background: white;
    border-radius: 1rem;
    padding: 1.5rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    position: relative;
    transition: all 0.2s;
    border: 2px solid transparent;
}

.package-card:hover[b-m39sygkafd] {
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    transform: translateY(-2px);
}

.package-card.featured[b-m39sygkafd] {
    border-color: #f59e0b;
    background: linear-gradient(135deg, #fffbeb, #fef3c7);
}

.package-card.inactive[b-m39sygkafd] {
    opacity: 0.6;
    background: #f8fafc;
}

.featured-badge[b-m39sygkafd] {
    position: absolute;
    top: -8px;
    right: 16px;
    background: #f59e0b;
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    font-size: 0.75rem;
    font-weight: 600;
}

.inactive-badge[b-m39sygkafd] {
    position: absolute;
    top: -8px;
    left: 16px;
    background: #94a3b8;
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    font-size: 0.75rem;
    font-weight: 600;
}

.package-header[b-m39sygkafd] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.package-icon[b-m39sygkafd] {
    font-size: 2rem;
}

.package-header h3[b-m39sygkafd] {
    margin: 0;
    font-size: 1.25rem;
    color: #1e293b;
}

.package-description[b-m39sygkafd] {
    color: #64748b;
    font-size: 0.875rem;
    margin-bottom: 1rem;
    line-height: 1.5;
}

.package-price[b-m39sygkafd] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.current-price[b-m39sygkafd], .sale-price[b-m39sygkafd] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #0f3a5d;
}

.original-price[b-m39sygkafd] {
    font-size: 1.25rem;
    color: #94a3b8;
    text-decoration: line-through;
}

.discount-badge[b-m39sygkafd] {
    background: #dc2626;
    color: white;
    padding: 0.125rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 600;
}

.package-details[b-m39sygkafd] {
    display: flex;
    gap: 1.5rem;
    padding: 0.75rem 0;
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
    margin-bottom: 1rem;
}

.detail-item[b-m39sygkafd] {
    display: flex;
    flex-direction: column;
}

.detail-label[b-m39sygkafd] {
    font-size: 0.75rem;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.detail-value[b-m39sygkafd] {
    font-weight: 600;
    color: #1e293b;
}

.included-types[b-m39sygkafd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    margin-bottom: 1rem;
}

.type-tag[b-m39sygkafd] {
    background: #eff6ff;
    color: #1e40af;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.7rem;
    font-weight: 500;
}

.type-tag.more[b-m39sygkafd] {
    background: #f1f5f9;
    color: #64748b;
}

.package-actions[b-m39sygkafd] {
    display: flex;
    gap: 0.5rem;
}

.btn-edit[b-m39sygkafd], .btn-delete[b-m39sygkafd] {
    flex: 1;
    padding: 0.5rem;
    border: none;
    border-radius: 0.375rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-edit[b-m39sygkafd] {
    background: #eff6ff;
    color: #0f3a5d;
}

.btn-edit:hover[b-m39sygkafd] {
    background: #dbeafe;
}

.btn-delete[b-m39sygkafd] {
    background: #fef2f2;
    color: #dc2626;
}

.btn-delete:hover[b-m39sygkafd] {
    background: #fee2e2;
}

/* Modal Styles */
.modal-overlay[b-m39sygkafd] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal-content[b-m39sygkafd] {
    background: white;
    border-radius: 1rem;
    width: 100%;
    max-width: 700px;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.modal-content.small[b-m39sygkafd] {
    max-width: 400px;
}

.modal-header[b-m39sygkafd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #e2e8f0;
}

.modal-header h2[b-m39sygkafd] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1e293b;
}

.modal-close[b-m39sygkafd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: transparent;
    border: none;
    border-radius: 0.5rem;
    font-size: 1.25rem;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s;
}

.modal-close:hover[b-m39sygkafd] {
    background: #f1f5f9;
    color: #1e293b;
}

.modal-body[b-m39sygkafd] {
    padding: 1.5rem;
}

.modal-footer[b-m39sygkafd] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
    border-radius: 0 0 1rem 1rem;
}

.form-group[b-m39sygkafd] {
    margin-bottom: 1rem;
}

.form-group label[b-m39sygkafd] {
    display: block;
    font-weight: 500;
    font-size: 0.875rem;
    color: #374151;
    margin-bottom: 0.375rem;
}

.form-group input[type="text"][b-m39sygkafd],
.form-group input[type="number"][b-m39sygkafd],
.form-group textarea[b-m39sygkafd] {
    width: 100%;
    padding: 0.625rem 0.875rem;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    transition: all 0.2s;
}

.form-group input:focus[b-m39sygkafd],
.form-group textarea:focus[b-m39sygkafd] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
}

.form-row[b-m39sygkafd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 1rem;
}

.form-row.checkboxes[b-m39sygkafd] {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 1rem;
}

.checkbox-label[b-m39sygkafd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: #374151;
    cursor: pointer;
}

.checkbox-label input[type="checkbox"][b-m39sygkafd] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.screening-types-selector[b-m39sygkafd] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 0.5rem;
    max-height: 250px;
    overflow-y: auto;
    padding: 0.75rem;
    background: #f8fafc;
    border-radius: 0.5rem;
    border: 1px solid #e2e8f0;
}

.type-checkbox[b-m39sygkafd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 0.375rem;
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.2s;
}

.type-checkbox:hover[b-m39sygkafd] {
    border-color: #0f3a5d;
}

.type-checkbox.selected[b-m39sygkafd] {
    background: #eff6ff;
    border-color: #0f3a5d;
    color: #0f3a5d;
}

.type-checkbox input[b-m39sygkafd] {
    display: none;
}

.error-message[b-m39sygkafd] {
    background: #fef2f2;
    color: #dc2626;
    padding: 0.75rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    margin-top: 1rem;
}

.warning-text[b-m39sygkafd] {
    color: #dc2626;
    font-size: 0.875rem;
}

.btn-secondary[b-m39sygkafd] {
    padding: 0.625rem 1.25rem;
    background: white;
    color: #475569;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-secondary:hover[b-m39sygkafd] {
    background: #f8fafc;
}

.btn-danger[b-m39sygkafd] {
    padding: 0.625rem 1.25rem;
    background: #dc2626;
    color: white;
    border: none;
    border-radius: 0.5rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-danger:hover[b-m39sygkafd] {
    background: #b91c1c;
}

/* Emoji Picker Styles */
.emoji-picker-container[b-m39sygkafd] {
    position: relative;
}

.emoji-selected[b-m39sygkafd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0.625rem 0.875rem;
    background: white;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.2s;
}

.emoji-selected:hover[b-m39sygkafd] {
    border-color: #0f3a5d;
}

.selected-emoji[b-m39sygkafd] {
    font-size: 1.5rem;
}

.dropdown-arrow[b-m39sygkafd] {
    font-size: 0.7rem;
    color: #64748b;
}

.emoji-dropdown[b-m39sygkafd] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    z-index: 100;
    max-height: 300px;
    overflow-y: auto;
    margin-top: 0.25rem;
}

.emoji-category[b-m39sygkafd] {
    padding: 0.5rem;
    border-bottom: 1px solid #f1f5f9;
}

.emoji-category:last-child[b-m39sygkafd] {
    border-bottom: none;
}

.category-label[b-m39sygkafd] {
    display: block;
    font-size: 0.7rem;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.375rem;
    padding: 0 0.25rem;
}

.emoji-grid[b-m39sygkafd] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0.25rem;
}

.emoji-option[b-m39sygkafd] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    padding: 0.5rem;
    background: transparent;
    border: 2px solid transparent;
    border-radius: 0.375rem;
    cursor: pointer;
    transition: all 0.15s;
}

.emoji-option:hover[b-m39sygkafd] {
    background: #f1f5f9;
    transform: scale(1.1);
}

.emoji-option.selected[b-m39sygkafd] {
    background: #eff6ff;
    border-color: #0f3a5d;
}

/* Responsive */
@media (max-width: 768px) {
    .admin-container[b-m39sygkafd] {
        padding: 1rem;
    }

    .page-header[b-m39sygkafd] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .packages-grid[b-m39sygkafd] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/Pricing.razor.rz.scp.css */
/* Pricing Management Page Styles */
.admin-container[b-fg0dtuc2a9] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
}

.page-header[b-fg0dtuc2a9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e2e8f0;
    flex-wrap: wrap;
    gap: 1rem;
}

.header-content h1[b-fg0dtuc2a9] {
    margin: 0;
    font-size: 1.75rem;
    color: #1e293b;
}

.header-content p[b-fg0dtuc2a9] {
    margin: 0.25rem 0 0;
    color: #64748b;
}

.header-actions[b-fg0dtuc2a9] {
    display: flex;
    gap: 0.75rem;
}

.btn-primary[b-fg0dtuc2a9] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    color: white;
    border: none;
    border-radius: 0.5rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
}

.btn-primary:hover:not(:disabled)[b-fg0dtuc2a9] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(15, 58, 93, 0.3);
}

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

.btn-secondary[b-fg0dtuc2a9] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #cbd5e1;
    border-radius: 0.5rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
}

.btn-secondary:hover[b-fg0dtuc2a9] {
    background: #e2e8f0;
    border-color: #94a3b8;
}

.btn-large[b-fg0dtuc2a9] {
    padding: 1rem 2rem;
    font-size: 1rem;
}

/* Messages */
.success-message[b-fg0dtuc2a9] {
    background: #d1fae5;
    color: #065f46;
    padding: 1rem 1.5rem;
    border-radius: 0.5rem;
    margin-bottom: 1.5rem;
    font-weight: 500;
    border: 1px solid #a7f3d0;
}

.error-message[b-fg0dtuc2a9] {
    background: #fee2e2;
    color: #991b1b;
    padding: 1rem 1.5rem;
    border-radius: 0.5rem;
    margin-bottom: 1.5rem;
    font-weight: 500;
    border: 1px solid #fecaca;
}

/* Loading */
.loading[b-fg0dtuc2a9] {
    text-align: center;
    padding: 4rem;
    color: #64748b;
}

.spinner[b-fg0dtuc2a9] {
    width: 48px;
    height: 48px;
    border: 4px solid #e2e8f0;
    border-top-color: #0f3a5d;
    border-radius: 50%;
    animation: spin-b-fg0dtuc2a9 1s linear infinite;
    margin: 0 auto 1rem;
}

.spinner-sm[b-fg0dtuc2a9] {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-fg0dtuc2a9 0.8s linear infinite;
}

@keyframes spin-b-fg0dtuc2a9 {
    to { transform: rotate(360deg); }
}

/* Empty State */
.empty-state[b-fg0dtuc2a9] {
    text-align: center;
    padding: 4rem 2rem;
    background: #f8fafc;
    border-radius: 1rem;
}

.empty-icon[b-fg0dtuc2a9] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.empty-state h3[b-fg0dtuc2a9] {
    color: #1e293b;
    margin: 0 0 0.5rem 0;
}

.empty-state p[b-fg0dtuc2a9] {
    color: #64748b;
    margin: 0 0 1.5rem 0;
}

/* Stats Grid */
.stats-grid[b-fg0dtuc2a9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.stat-card[b-fg0dtuc2a9] {
    background: white;
    padding: 1.25rem;
    border-radius: 0.75rem;
    text-align: center;
    border: 1px solid #e2e8f0;
}

.stat-value[b-fg0dtuc2a9] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #0f3a5d;
}

.stat-label[b-fg0dtuc2a9] {
    color: #64748b;
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

/* Filter Section */
.filter-section[b-fg0dtuc2a9] {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
    padding: 1rem 1.5rem;
    background: #f8fafc;
    border-radius: 0.75rem;
    flex-wrap: wrap;
    align-items: center;
}

.filter-group[b-fg0dtuc2a9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.filter-group label[b-fg0dtuc2a9] {
    font-weight: 500;
    color: #475569;
    font-size: 0.875rem;
}

.filter-select[b-fg0dtuc2a9] {
    padding: 0.5rem 1rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.5rem;
    background: white;
    font-size: 0.875rem;
    min-width: 150px;
}

/* Pricing Sections */
.pricing-sections[b-fg0dtuc2a9] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.pricing-category h2[b-fg0dtuc2a9] {
    font-size: 1.125rem;
    color: #1e293b;
    margin: 0 0 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #e2e8f0;
}

.pricing-grid[b-fg0dtuc2a9] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1rem;
}

.pricing-card[b-fg0dtuc2a9] {
    background: white;
    border-radius: 0.75rem;
    padding: 1.25rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border: 1px solid #e2e8f0;
    transition: all 0.2s;
}

.pricing-card:hover[b-fg0dtuc2a9] {
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.pricing-card.inactive[b-fg0dtuc2a9] {
    background: #f8fafc;
    opacity: 0.7;
}

.pricing-header[b-fg0dtuc2a9] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.pricing-icon[b-fg0dtuc2a9] {
    font-size: 1.75rem;
    line-height: 1;
}

.pricing-info[b-fg0dtuc2a9] {
    flex: 1;
}

.pricing-info h3[b-fg0dtuc2a9] {
    margin: 0;
    font-size: 1rem;
    color: #1e293b;
}

.pricing-code[b-fg0dtuc2a9] {
    font-size: 0.7rem;
    color: #94a3b8;
    font-family: monospace;
}

.badge-inactive[b-fg0dtuc2a9] {
    background: #fee2e2;
    color: #991b1b;
    padding: 0.2rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.65rem;
    font-weight: 600;
    text-transform: uppercase;
}

.pricing-inputs[b-fg0dtuc2a9] {
    display: flex;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.input-group[b-fg0dtuc2a9] {
    flex: 1;
}

.input-group.small[b-fg0dtuc2a9] {
    flex: 0 0 80px;
}

.input-group label[b-fg0dtuc2a9] {
    display: block;
    font-size: 0.7rem;
    color: #64748b;
    margin-bottom: 0.25rem;
    text-transform: uppercase;
    font-weight: 600;
}

.price-input[b-fg0dtuc2a9] {
    display: flex;
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.375rem;
    overflow: hidden;
}

.price-input .currency[b-fg0dtuc2a9] {
    padding: 0.5rem 0.75rem;
    background: #e2e8f0;
    color: #475569;
    font-weight: 600;
    font-size: 0.875rem;
}

.price-input input[b-fg0dtuc2a9] {
    flex: 1;
    padding: 0.5rem;
    border: none;
    background: transparent;
    font-size: 0.95rem;
    font-weight: 600;
    width: 100%;
}

.price-input input:focus[b-fg0dtuc2a9] {
    outline: none;
}

.input-group input[b-fg0dtuc2a9] {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.375rem;
    font-size: 0.95rem;
    text-align: center;
}

.input-group input:focus[b-fg0dtuc2a9] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 2px rgba(15, 58, 93, 0.1);
}

.pricing-footer[b-fg0dtuc2a9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 0.75rem;
    border-top: 1px solid #f1f5f9;
}

.toggle-label[b-fg0dtuc2a9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-size: 0.85rem;
    color: #475569;
}

.toggle-label input[type="checkbox"][b-fg0dtuc2a9] {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.toggle-text[b-fg0dtuc2a9] {
    font-weight: 500;
}

.display-order[b-fg0dtuc2a9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: #64748b;
}

.order-input[b-fg0dtuc2a9] {
    width: 50px;
    padding: 0.25rem 0.5rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.25rem;
    font-size: 0.8rem;
    text-align: center;
}

/* Save Section */
.save-section[b-fg0dtuc2a9] {
    position: sticky;
    bottom: 1rem;
    background: white;
    border-radius: 1rem;
    padding: 1rem 1.5rem;
    margin-top: 2rem;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #e2e8f0;
}

.save-info[b-fg0dtuc2a9] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.changes-badge[b-fg0dtuc2a9] {
    background: #fef3c7;
    color: #92400e;
    padding: 0.5rem 1rem;
    border-radius: 9999px;
    font-weight: 600;
    font-size: 0.875rem;
}

.save-actions[b-fg0dtuc2a9] {
    display: flex;
    gap: 0.75rem;
}

/* Responsive */
@media (max-width: 768px) {
    .admin-container[b-fg0dtuc2a9] {
        padding: 1rem;
    }
    
    .page-header[b-fg0dtuc2a9] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .header-actions[b-fg0dtuc2a9] {
        justify-content: center;
    }
    
    .filter-section[b-fg0dtuc2a9] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .pricing-grid[b-fg0dtuc2a9] {
        grid-template-columns: 1fr;
    }
    
    .save-section[b-fg0dtuc2a9] {
        flex-direction: column;
        gap: 1rem;
    }
    
    .save-actions[b-fg0dtuc2a9] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Pages/Admin/ScreeningTypes.razor.rz.scp.css */
/* Screening Types Management Page Styles */
.admin-container[b-2lsg7wce96] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
}

.page-header[b-2lsg7wce96] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.header-content h1[b-2lsg7wce96] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
}

.header-content p[b-2lsg7wce96] {
    color: #64748b;
    margin: 0.25rem 0 0 0;
}

.btn-primary[b-2lsg7wce96] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: #0f3a5d;
    color: white;
    border: none;
    border-radius: 0.5rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
}

.btn-primary:hover[b-2lsg7wce96] {
    background: #1a5fa8;
}

/* Stats Grid */
.stats-grid[b-2lsg7wce96] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.stat-card[b-2lsg7wce96] {
    background: white;
    padding: 1.5rem;
    border-radius: 1rem;
    text-align: center;
    border: 1px solid #e2e8f0;
}

.stat-value[b-2lsg7wce96] {
    font-size: 2rem;
    font-weight: 700;
    color: #0f3a5d;
}

.stat-label[b-2lsg7wce96] {
    color: #64748b;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

/* Filter Section */
.filter-section[b-2lsg7wce96] {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 2rem;
    padding: 1rem 1.5rem;
    background: #f8fafc;
    border-radius: 0.75rem;
    flex-wrap: wrap;
    align-items: center;
}

.filter-group[b-2lsg7wce96] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.filter-group label[b-2lsg7wce96] {
    font-weight: 500;
    color: #475569;
    font-size: 0.875rem;
}

.filter-select[b-2lsg7wce96] {
    padding: 0.5rem 1rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.5rem;
    background: white;
    font-size: 0.875rem;
    min-width: 150px;
}

.checkbox-label[b-2lsg7wce96] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-size: 0.875rem;
    color: #475569;
}

.checkbox-label input[type="checkbox"][b-2lsg7wce96] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

/* Category Section */
.category-section[b-2lsg7wce96] {
    margin-bottom: 2rem;
}

.category-header[b-2lsg7wce96] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #e2e8f0;
}

.category-header h2[b-2lsg7wce96] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
}

.category-count[b-2lsg7wce96] {
    background: #e2e8f0;
    color: #475569;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
}

/* Types Grid */
.types-grid[b-2lsg7wce96] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1rem;
}

.type-card[b-2lsg7wce96] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    padding: 1.25rem;
    transition: all 0.2s;
}

.type-card:hover[b-2lsg7wce96] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.type-card.inactive[b-2lsg7wce96] {
    background: #f8fafc;
    opacity: 0.7;
}

.type-header[b-2lsg7wce96] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.type-icon[b-2lsg7wce96] {
    font-size: 2rem;
    line-height: 1;
}

.type-info[b-2lsg7wce96] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.type-info h3[b-2lsg7wce96] {
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.type-code[b-2lsg7wce96] {
    font-size: 0.75rem;
    color: #94a3b8;
    font-family: monospace;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.type-badges[b-2lsg7wce96] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-bottom: 0.75rem;
    min-height: 22px;
}

.badge[b-2lsg7wce96] {
    padding: 0.2rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.65rem;
    font-weight: 600;
    text-transform: uppercase;
}

.badge.system[b-2lsg7wce96] {
    background: #dbeafe;
    color: #1e40af;
}

.badge.inactive[b-2lsg7wce96] {
    background: #fee2e2;
    color: #991b1b;
}

.badge.package[b-2lsg7wce96] {
    background: #d1fae5;
    color: #065f46;
}

.type-description[b-2lsg7wce96] {
    font-size: 0.875rem;
    color: #64748b;
    margin: 0 0 0.75rem 0;
    line-height: 1.4;
}

.type-details[b-2lsg7wce96] {
    display: flex;
    gap: 1rem;
    margin-bottom: 0.75rem;
    padding: 0.75rem;
    background: #f8fafc;
    border-radius: 0.5rem;
}

.detail[b-2lsg7wce96] {
    display: flex;
    flex-direction: column;
}

.detail-label[b-2lsg7wce96] {
    font-size: 0.7rem;
    color: #94a3b8;
    text-transform: uppercase;
}

.detail-value[b-2lsg7wce96] {
    font-weight: 600;
    color: #1e293b;
    font-size: 0.875rem;
}

.type-actions[b-2lsg7wce96] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding-top: 0.75rem;
    border-top: 1px solid #f1f5f9;
}

.btn-icon[b-2lsg7wce96] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-icon svg[b-2lsg7wce96] {
    width: 18px;
    height: 18px;
}

.btn-icon.edit[b-2lsg7wce96] {
    background: #e0f2fe;
    color: #0369a1;
}

.btn-icon.edit:hover[b-2lsg7wce96] {
    background: #0369a1;
    color: white;
}

.btn-icon.activate[b-2lsg7wce96] {
    background: #d1fae5;
    color: #059669;
}

.btn-icon.activate:hover[b-2lsg7wce96] {
    background: #059669;
    color: white;
}

.btn-icon.deactivate[b-2lsg7wce96] {
    background: #fef3c7;
    color: #d97706;
}

.btn-icon.deactivate:hover[b-2lsg7wce96] {
    background: #d97706;
    color: white;
}

.btn-icon.delete[b-2lsg7wce96] {
    background: #fee2e2;
    color: #dc2626;
}

.btn-icon.delete:hover[b-2lsg7wce96] {
    background: #dc2626;
    color: white;
}

/* Empty State */
.empty-state[b-2lsg7wce96] {
    text-align: center;
    padding: 4rem 2rem;
    background: #f8fafc;
    border-radius: 1rem;
}

.empty-icon[b-2lsg7wce96] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.empty-state h3[b-2lsg7wce96] {
    color: #1e293b;
    margin: 0 0 0.5rem 0;
}

.empty-state p[b-2lsg7wce96] {
    color: #64748b;
    margin: 0;
}

/* Modal Styles */
.modal-overlay[b-2lsg7wce96] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal-content[b-2lsg7wce96] {
    background: white;
    border-radius: 1rem;
    width: 100%;
    max-width: 600px;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.modal-content.small[b-2lsg7wce96] {
    max-width: 400px;
}

.modal-header[b-2lsg7wce96] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid #e2e8f0;
}

.modal-header h2[b-2lsg7wce96] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
}

.modal-close[b-2lsg7wce96] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: #f1f5f9;
    border-radius: 0.5rem;
    font-size: 1.5rem;
    color: #64748b;
    cursor: pointer;
}

.modal-close:hover[b-2lsg7wce96] {
    background: #e2e8f0;
    color: #1e293b;
}

.modal-body[b-2lsg7wce96] {
    padding: 1.5rem;
}

.modal-footer[b-2lsg7wce96] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
    border-radius: 0 0 1rem 1rem;
}

/* Form Styles */
.form-row[b-2lsg7wce96] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.form-row.checkboxes[b-2lsg7wce96] {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
}

.form-group[b-2lsg7wce96] {
    margin-bottom: 1rem;
}

.form-group label[b-2lsg7wce96] {
    display: block;
    font-weight: 500;
    color: #374151;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
}

.form-control[b-2lsg7wce96] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    font-size: 0.9rem;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.form-control:focus[b-2lsg7wce96] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
}

.form-control:disabled[b-2lsg7wce96] {
    background: #f3f4f6;
    cursor: not-allowed;
}

.icon-input[b-2lsg7wce96] {
    width: 80px;
    text-align: center;
    font-size: 1.5rem;
}

.help-text[b-2lsg7wce96] {
    font-size: 0.75rem;
    color: #94a3b8;
    margin-top: 0.25rem;
}

textarea.form-control[b-2lsg7wce96] {
    resize: vertical;
    min-height: 80px;
}

.btn-secondary[b-2lsg7wce96] {
    padding: 0.75rem 1.5rem;
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #cbd5e1;
    border-radius: 0.5rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-secondary:hover[b-2lsg7wce96] {
    background: #e2e8f0;
}

.btn-danger[b-2lsg7wce96] {
    padding: 0.75rem 1.5rem;
    background: #dc2626;
    color: white;
    border: none;
    border-radius: 0.5rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
}

.btn-danger:hover[b-2lsg7wce96] {
    background: #b91c1c;
}

.warning-text[b-2lsg7wce96] {
    color: #dc2626;
    font-size: 0.875rem;
}

/* Toast Messages */
.toast[b-2lsg7wce96] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    padding: 1rem 1.5rem;
    border-radius: 0.5rem;
    font-weight: 500;
    z-index: 1001;
    animation: slideIn 0.3s ease;
}

.toast.success[b-2lsg7wce96] {
    background: #d1fae5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}

.toast.error[b-2lsg7wce96] {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

@@keyframes slideIn {
    from[b-2lsg7wce96] {
        transform: translateX(100%);
        opacity: 0;
    }
    to[b-2lsg7wce96] {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Responsive */
@@media (max-width: 768px) {
    .admin-container[b-2lsg7wce96] {
        padding: 1rem;
    }
    
    .page-header[b-2lsg7wce96] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .filter-section[b-2lsg7wce96] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .filter-group[b-2lsg7wce96] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .types-grid[b-2lsg7wce96] {
        grid-template-columns: 1fr;
    }
    
    .type-details[b-2lsg7wce96] {
        flex-wrap: wrap;
    }
}
/* /Components/Pages/Analyst/Dashboard.razor.rz.scp.css */
.analyst-dashboard[b-4ttgqie66j] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
}

/* Header */
.dashboard-header[b-4ttgqie66j] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.role-badge[b-4ttgqie66j] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.75rem;
    background: #eff6ff;
    color: #0f3a5d;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.header-content h1[b-4ttgqie66j] {
    font-size: 1.875rem;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 0.25rem;
}

.header-content p[b-4ttgqie66j] {
    color: #64748b;
}

/* Stats Grid */
.stats-grid[b-4ttgqie66j] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1.25rem;
    margin-bottom: 2rem;
}

.stat-card[b-4ttgqie66j] {
    background: white;
    border-radius: 1rem;
    padding: 1.25rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
    position: relative;
    transition: all 0.2s;
    cursor: default;
}

.stat-card.assigned[b-4ttgqie66j],
.stat-card.available[b-4ttgqie66j] {
    cursor: pointer;
}

.stat-card:hover[b-4ttgqie66j] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.stat-icon[b-4ttgqie66j] {
    width: 52px;
    height: 52px;
    border-radius: 0.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.stat-card.assigned .stat-icon[b-4ttgqie66j] { background: linear-gradient(135deg, #0f3a5d, #1a5fa8); color: white; }
.stat-card.inprogress .stat-icon[b-4ttgqie66j] { background: linear-gradient(135deg, #f59e0b, #d97706); color: white; }
.stat-card.completed .stat-icon[b-4ttgqie66j] { background: linear-gradient(135deg, #10b981, #059669); color: white; }
.stat-card.available .stat-icon[b-4ttgqie66j] { background: linear-gradient(135deg, #0f3a5d, #1a5fa8); color: white; }
.stat-card.needsinfo .stat-icon[b-4ttgqie66j] { background: linear-gradient(135deg, #ef4444, #dc2626); color: white; }

.stat-content[b-4ttgqie66j] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.stat-number[b-4ttgqie66j] {
    font-size: 1.625rem;
    font-weight: 700;
    color: #1e293b;
    line-height: 1.2;
}

.stat-label[b-4ttgqie66j] {
    font-size: 0.8125rem;
    color: #64748b;
    font-weight: 500;
}

.stat-arrow[b-4ttgqie66j] {
    color: #cbd5e1;
    flex-shrink: 0;
}

.stat-card:hover .stat-arrow[b-4ttgqie66j] {
    color: #0f3a5d;
}

.stat-indicator[b-4ttgqie66j] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #0f3a5d;
}

.stat-indicator.pulse[b-4ttgqie66j] {
    animation: pulse-b-4ttgqie66j 2s infinite;
}

@keyframes pulse-b-4ttgqie66j {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(1.3); }
}

.stat-badge[b-4ttgqie66j] {
    position: absolute;
    bottom: 0.75rem;
    right: 0.75rem;
    font-size: 0.5625rem;
    font-weight: 700;
    padding: 0.25rem 0.5rem;
    border-radius: 9999px;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.stat-badge.warning[b-4ttgqie66j] {
    background: #fef3c7;
    color: #92400e;
}

/* Content Grid */
.content-grid[b-4ttgqie66j] {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 1.5rem;
}

.dashboard-card[b-4ttgqie66j] {
    background: white;
    border-radius: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
}

.card-header[b-4ttgqie66j] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #e2e8f0;
}

.card-header h2[b-4ttgqie66j] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
}

.card-header h2 svg[b-4ttgqie66j] {
    color: #0f3a5d;
}

.view-all[b-4ttgqie66j] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #0f3a5d;
    text-decoration: none;
}

.view-all:hover[b-4ttgqie66j] {
    color: #1a5fa8;
}

/* Data Table */
.table-container[b-4ttgqie66j] {
    overflow-x: auto;
}

.data-table[b-4ttgqie66j] {
    width: 100%;
    border-collapse: collapse;
}

.data-table th[b-4ttgqie66j] {
    text-align: left;
    padding: 0.875rem 1.5rem;
    font-size: 0.6875rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: #f8fafc;
}

.data-table td[b-4ttgqie66j] {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e2e8f0;
    font-size: 0.875rem;
    color: #334155;
}

.data-table tbody tr:hover[b-4ttgqie66j] {
    background: #f8fafc;
}

.data-table tbody tr.highlight[b-4ttgqie66j] {
    background: #fef3c7;
}

.data-table tbody tr.highlight:hover[b-4ttgqie66j] {
    background: #fde68a;
}

.request-id[b-4ttgqie66j] {
    font-weight: 600;
    color: #0f3a5d;
}

.candidate-cell[b-4ttgqie66j] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.candidate-avatar[b-4ttgqie66j] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.75rem;
    flex-shrink: 0;
}

.date[b-4ttgqie66j] {
    color: #64748b;
}

.status-badge[b-4ttgqie66j] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
}

.status-badge.pending[b-4ttgqie66j] { background: #fef3c7; color: #92400e; }
.status-badge.inprogress[b-4ttgqie66j] { background: #dbeafe; color: #1e40af; }
.status-badge.completed[b-4ttgqie66j] { background: #d1fae5; color: #065f46; }
.status-badge.rejected[b-4ttgqie66j] { background: #fee2e2; color: #991b1b; }
.status-badge.requiresmoreinfo[b-4ttgqie66j] { background: #fce7f3; color: #9d174d; }

.btn-work[b-4ttgqie66j] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 0.875rem;
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    color: white;
    border: none;
    border-radius: 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-work:hover[b-4ttgqie66j] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(15, 58, 93, 0.3);
}

/* Empty & Loading States */
.empty-state[b-4ttgqie66j],
.loading-state[b-4ttgqie66j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    text-align: center;
}

.empty-icon[b-4ttgqie66j] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
    margin-bottom: 1rem;
}

.empty-state h3[b-4ttgqie66j] {
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 0.25rem;
}

.empty-state p[b-4ttgqie66j] {
    color: #64748b;
    font-size: 0.875rem;
    margin-bottom: 1.5rem;
}

.btn-primary[b-4ttgqie66j] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    color: white;
    border-radius: 0.5rem;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(15, 58, 93, 0.35);
    transition: all 0.2s;
}

.btn-primary:hover[b-4ttgqie66j] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(15, 58, 93, 0.4);
}

.btn-primary .badge[b-4ttgqie66j] {
    background: white;
    color: #0f3a5d;
    font-size: 0.6875rem;
    font-weight: 700;
    padding: 0.125rem 0.5rem;
    border-radius: 9999px;
}

.spinner[b-4ttgqie66j] {
    width: 32px;
    height: 32px;
    border: 3px solid #e2e8f0;
    border-top-color: #0f3a5d;
    border-radius: 50%;
    animation: spin-b-4ttgqie66j 1s linear infinite;
    margin-bottom: 1rem;
}

@keyframes spin-b-4ttgqie66j {
    to { transform: rotate(360deg); }
}

/* Sidebar */
.sidebar[b-4ttgqie66j] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Performance Card */
.performance-stats[b-4ttgqie66j] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    gap: 2rem;
}

.perf-stat[b-4ttgqie66j] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.perf-number[b-4ttgqie66j] {
    font-size: 2rem;
    font-weight: 700;
    color: #1e293b;
}

.perf-label[b-4ttgqie66j] {
    font-size: 0.75rem;
    font-weight: 500;
    color: #64748b;
    text-transform: uppercase;
}

.perf-divider[b-4ttgqie66j] {
    width: 1px;
    height: 50px;
    background: #e2e8f0;
}

/* Quick Links */
.quick-links[b-4ttgqie66j] {
    padding: 0.5rem;
}

.quick-link[b-4ttgqie66j] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    padding: 0.875rem 1rem;
    border-radius: 0.75rem;
    text-decoration: none;
    transition: all 0.2s;
}

.quick-link:hover[b-4ttgqie66j] {
    background: #f8fafc;
}

.link-icon[b-4ttgqie66j] {
    width: 40px;
    height: 40px;
    border-radius: 0.625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.link-icon.cases[b-4ttgqie66j] { background: #eff6ff; color: #0f3a5d; }
.link-icon.available[b-4ttgqie66j] { background: #eff6ff; color: #0f3a5d; }

.quick-link span[b-4ttgqie66j] {
    flex: 1;
    font-size: 0.875rem;
    font-weight: 500;
    color: #334155;
}

.link-badge[b-4ttgqie66j] {
    background: #0f3a5d;
    color: white;
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 0.125rem 0.5rem;
    border-radius: 9999px;
}

.link-arrow[b-4ttgqie66j] {
    color: #cbd5e1;
}

.quick-link:hover .link-arrow[b-4ttgqie66j] {
    color: #64748b;
}

/* Responsive */
@media (max-width: 1200px) {
    .stats-grid[b-4ttgqie66j] {
        grid-template-columns: repeat(3, 1fr);
    }

    .content-grid[b-4ttgqie66j] {
        grid-template-columns: 1fr;
    }

    .sidebar[b-4ttgqie66j] {
        flex-direction: row;
    }

    .sidebar > *[b-4ttgqie66j] {
        flex: 1;
    }
}

@media (max-width: 768px) {
    .analyst-dashboard[b-4ttgqie66j] {
        padding: 1rem;
    }

    .stats-grid[b-4ttgqie66j] {
        grid-template-columns: repeat(2, 1fr);
    }

    .dashboard-header[b-4ttgqie66j] {
        flex-direction: column;
    }

    .sidebar[b-4ttgqie66j] {
        flex-direction: column;
    }
}

@media (max-width: 480px) {
    .stats-grid[b-4ttgqie66j] {
        grid-template-columns: 1fr;
    }

    .candidate-cell[b-4ttgqie66j] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }

    .candidate-avatar[b-4ttgqie66j] {
        display: none;
    }
}
/* /Components/Pages/Candidate/Portal.razor.rz.scp.css */
.candidate-portal[b-wxnpf1zrxr] {
    min-height: 100vh;
    background: linear-gradient(135deg, #f5f7fa 0%, #e4e8eb 100%);
    padding: 2rem;
}

.loading-container[b-wxnpf1zrxr],
.error-container[b-wxnpf1zrxr] {
    max-width: 500px;
    margin: 4rem auto;
    text-align: center;
    padding: 3rem;
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.error-icon[b-wxnpf1zrxr] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.spinner[b-wxnpf1zrxr] {
    width: 50px;
    height: 50px;
    border: 4px solid #e0e0e0;
    border-top-color: var(--primary-500, #3b82f6);
    border-radius: 50%;
    animation: spin-b-wxnpf1zrxr 1s linear infinite;
    margin: 0 auto 1rem;
}

@keyframes spin-b-wxnpf1zrxr {
    to { transform: rotate(360deg); }
}

.portal-header[b-wxnpf1zrxr] {
    max-width: 900px;
    margin: 0 auto 2rem;
    background: white;
    padding: 2rem;
    border-radius: 16px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.company-brand[b-wxnpf1zrxr] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.company-brand .logo[b-wxnpf1zrxr] {
    height: 50px;
    width: auto;
}

.company-brand h1[b-wxnpf1zrxr] {
    font-size: 1.5rem;
    color: var(--gray-800, #1f2937);
    margin: 0;
}

.candidate-info[b-wxnpf1zrxr] {
    text-align: right;
}

.candidate-info p[b-wxnpf1zrxr] {
    margin: 0;
    color: var(--gray-600, #4b5563);
}

.expires-info[b-wxnpf1zrxr] {
    font-size: 0.85rem;
    color: var(--gray-500, #6b7280) !important;
}

.success-banner[b-wxnpf1zrxr] {
    max-width: 900px;
    margin: 0 auto 2rem;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: white;
    padding: 1.5rem 2rem;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.success-banner .icon[b-wxnpf1zrxr] {
    font-size: 2rem;
    background: rgba(255, 255, 255, 0.2);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.portal-content[b-wxnpf1zrxr] {
    max-width: 900px;
    margin: 0 auto;
    display: grid;
    gap: 2rem;
}

.instructions-card[b-wxnpf1zrxr],
.upload-section[b-wxnpf1zrxr],
.uploaded-documents[b-wxnpf1zrxr],
.submit-section[b-wxnpf1zrxr] {
    background: white;
    padding: 2rem;
    border-radius: 16px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

.instructions-card h3[b-wxnpf1zrxr],
.upload-section h3[b-wxnpf1zrxr],
.uploaded-documents h3[b-wxnpf1zrxr] {
    margin: 0 0 1rem;
    color: var(--gray-800, #1f2937);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.document-checklist[b-wxnpf1zrxr] {
    list-style: none;
    padding: 0;
    margin: 1rem 0 0;
}

.document-checklist li[b-wxnpf1zrxr] {
    display: grid;
    grid-template-columns: 30px 1fr;
    grid-template-rows: auto auto;
    gap: 0.25rem 0.5rem;
    padding: 1rem;
    border-radius: 8px;
    background: var(--gray-50, #f9fafb);
    margin-bottom: 0.5rem;
    transition: all 0.2s;
}

.document-checklist li.completed[b-wxnpf1zrxr] {
    background: #ecfdf5;
}

.document-checklist li .check-icon[b-wxnpf1zrxr] {
    grid-row: span 2;
    font-size: 1.25rem;
    color: var(--gray-400, #9ca3af);
}

.document-checklist li.completed .check-icon[b-wxnpf1zrxr] {
    color: #10b981;
}

.document-checklist li .doc-name[b-wxnpf1zrxr] {
    font-weight: 600;
    color: var(--gray-800, #1f2937);
}

.document-checklist li .doc-desc[b-wxnpf1zrxr] {
    font-size: 0.85rem;
    color: var(--gray-500, #6b7280);
}

.upload-form[b-wxnpf1zrxr] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.form-group label[b-wxnpf1zrxr] {
    display: block;
    font-weight: 500;
    margin-bottom: 0.5rem;
    color: var(--gray-700, #374151);
}

.form-control[b-wxnpf1zrxr] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid var(--gray-300, #d1d5db);
    border-radius: 8px;
    font-size: 1rem;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.form-control:focus[b-wxnpf1zrxr] {
    outline: none;
    border-color: var(--primary-500, #3b82f6);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.drop-zone[b-wxnpf1zrxr] {
    position: relative;
    border: 2px dashed var(--gray-300, #d1d5db);
    border-radius: 12px;
    padding: 3rem 2rem;
    text-align: center;
    transition: all 0.2s;
    cursor: pointer;
}

.drop-zone:hover[b-wxnpf1zrxr],
.drop-zone.dragging[b-wxnpf1zrxr] {
    border-color: var(--primary-500, #3b82f6);
    background: var(--primary-50, #eff6ff);
}

.drop-zone input[type="file"][b-wxnpf1zrxr] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.drop-zone-content .upload-icon[b-wxnpf1zrxr] {
    font-size: 3rem;
    display: block;
    margin-bottom: 0.5rem;
}

.drop-zone-content p[b-wxnpf1zrxr] {
    margin: 0.25rem 0;
    color: var(--gray-600, #4b5563);
}

.drop-zone-content .file-types[b-wxnpf1zrxr] {
    font-size: 0.8rem;
    color: var(--gray-400, #9ca3af);
}

.selected-files[b-wxnpf1zrxr] {
    background: var(--gray-50, #f9fafb);
    border-radius: 8px;
    padding: 1rem;
}

.selected-files h4[b-wxnpf1zrxr] {
    margin: 0 0 0.75rem;
    font-size: 0.9rem;
    color: var(--gray-600, #4b5563);
}

.file-item[b-wxnpf1zrxr] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem;
    background: white;
    border-radius: 6px;
    margin-bottom: 0.5rem;
}

.file-item .file-name[b-wxnpf1zrxr] {
    flex: 1;
    font-size: 0.9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file-item .file-size[b-wxnpf1zrxr] {
    font-size: 0.8rem;
    color: var(--gray-500, #6b7280);
}

.file-item .btn-remove[b-wxnpf1zrxr] {
    background: var(--gray-200, #e5e7eb);
    border: none;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1;
    color: var(--gray-600, #4b5563);
}

.file-item .btn-remove:hover[b-wxnpf1zrxr] {
    background: #ef4444;
    color: white;
}

.alert[b-wxnpf1zrxr] {
    padding: 1rem;
    border-radius: 8px;
    font-size: 0.9rem;
}

.alert-error[b-wxnpf1zrxr] {
    background: #fef2f2;
    color: #b91c1c;
    border: 1px solid #fecaca;
}

.alert-success[b-wxnpf1zrxr] {
    background: #ecfdf5;
    color: #047857;
    border: 1px solid #a7f3d0;
}

.btn[b-wxnpf1zrxr] {
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 500;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.btn-primary[b-wxnpf1zrxr] {
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    color: white;
}

.btn-primary:hover:not(:disabled)[b-wxnpf1zrxr] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(15, 58, 93, 0.3);
}

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

.btn-success[b-wxnpf1zrxr] {
    background: #10b981;
    color: white;
}

.btn-success:hover[b-wxnpf1zrxr] {
    background: #059669;
}

.btn-lg[b-wxnpf1zrxr] {
    padding: 1rem 2rem;
    font-size: 1.1rem;
}

.btn-upload[b-wxnpf1zrxr] {
    align-self: flex-start;
}

.spinner-small[b-wxnpf1zrxr] {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-wxnpf1zrxr 0.8s linear infinite;
}

.documents-table[b-wxnpf1zrxr] {
    width: 100%;
    border-collapse: collapse;
}

.documents-table th[b-wxnpf1zrxr],
.documents-table td[b-wxnpf1zrxr] {
    padding: 0.75rem 1rem;
    text-align: left;
    border-bottom: 1px solid var(--gray-200, #e5e7eb);
}

.documents-table th[b-wxnpf1zrxr] {
    font-weight: 600;
    color: var(--gray-600, #4b5563);
    font-size: 0.85rem;
    text-transform: uppercase;
}

.documents-table td[b-wxnpf1zrxr] {
    color: var(--gray-700, #374151);
}

.badge[b-wxnpf1zrxr] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 500;
}

.badge-success[b-wxnpf1zrxr] {
    background: #ecfdf5;
    color: #047857;
}

.submit-section[b-wxnpf1zrxr] {
    text-align: center;
}

.submit-note[b-wxnpf1zrxr] {
    margin-top: 0.75rem;
    font-size: 0.85rem;
    color: var(--gray-500, #6b7280);
}

.portal-footer[b-wxnpf1zrxr] {
    max-width: 900px;
    margin: 2rem auto 0;
    text-align: center;
    padding: 1.5rem;
}

.portal-footer p[b-wxnpf1zrxr] {
    margin: 0.5rem 0;
    color: var(--gray-500, #6b7280);
    font-size: 0.9rem;
}

.portal-footer a[b-wxnpf1zrxr] {
    color: var(--primary-500, #3b82f6);
}

.security-note[b-wxnpf1zrxr] {
    font-size: 0.8rem !important;
}

@media (max-width: 640px) {
    .candidate-portal[b-wxnpf1zrxr] {
        padding: 1rem;
    }

    .portal-header[b-wxnpf1zrxr] {
        flex-direction: column;
        text-align: center;
    }

    .candidate-info[b-wxnpf1zrxr] {
        text-align: center;
    }

    .company-brand[b-wxnpf1zrxr] {
        flex-direction: column;
    }
}
/* /Components/Pages/Client/Billing.razor.rz.scp.css */
.client-container[b-afgkycju0g] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem;
}

.page-header[b-afgkycju0g] {
    margin-bottom: 2rem;
}

.page-header h1[b-afgkycju0g] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
}

.subtitle[b-afgkycju0g] {
    color: #64748b;
    margin: 0.25rem 0 0 0;
}

/* Loading */
.loading-container[b-afgkycju0g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem;
    color: #64748b;
}

.spinner[b-afgkycju0g] {
    width: 40px;
    height: 40px;
    border: 3px solid #e2e8f0;
    border-top-color: #0f3a5d;
    border-radius: 50%;
    animation: spin-b-afgkycju0g 1s linear infinite;
    margin-bottom: 1rem;
}

@keyframes spin-b-afgkycju0g {
    to { transform: rotate(360deg); }
}

/* Summary Cards */
.summary-cards[b-afgkycju0g] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1.25rem;
    margin-bottom: 2rem;
}

.summary-card[b-afgkycju0g] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    background: white;
    border-radius: 0.75rem;
    border: 1px solid #e2e8f0;
    transition: all 0.2s;
}

.summary-card:hover[b-afgkycju0g] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.card-icon[b-afgkycju0g] {
    width: 48px;
    height: 48px;
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.card-icon.balance[b-afgkycju0g] {
    background: #eff6ff;
    color: #0f3a5d;
}

.card-icon.billing-type[b-afgkycju0g] {
    background: #e0e7ff;
    color: #4f46e5;
}

.card-icon.terms[b-afgkycju0g] {
    background: #f3e8ff;
    color: #9333ea;
}

.card-icon.discount[b-afgkycju0g] {
    background: #d1fae5;
    color: #059669;
}

.card-content[b-afgkycju0g] {
    display: flex;
    flex-direction: column;
}

.card-label[b-afgkycju0g] {
    font-size: 0.75rem;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 500;
}

.card-value[b-afgkycju0g] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1e293b;
}

.card-value.success[b-afgkycju0g] {
    color: #059669;
}

.card-value.warning[b-afgkycju0g] {
    color: #d97706;
}

.card-value.discount[b-afgkycju0g] {
    color: #059669;
}

/* Invoices Section */
.invoices-section[b-afgkycju0g] {
    background: white;
    border-radius: 0.75rem;
    border: 1px solid #e2e8f0;
    overflow: hidden;
}

.section-header[b-afgkycju0g] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem;
    border-bottom: 1px solid #e2e8f0;
}

.section-header h2[b-afgkycju0g] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: #1e293b;
}

/* Empty State */
.empty-state[b-afgkycju0g] {
    text-align: center;
    padding: 4rem 2rem;
    color: #64748b;
}

.empty-state svg[b-afgkycju0g] {
    margin-bottom: 1rem;
    opacity: 0.5;
}

.empty-state h3[b-afgkycju0g] {
    margin: 0 0 0.5rem;
    font-size: 1.125rem;
    color: #1e293b;
}

.empty-state p[b-afgkycju0g] {
    margin: 0;
    font-size: 0.9375rem;
}

/* Invoices Table */
.invoices-table-container[b-afgkycju0g] {
    overflow-x: auto;
}

.invoices-table[b-afgkycju0g] {
    width: 100%;
    border-collapse: collapse;
}

.invoices-table th[b-afgkycju0g],
.invoices-table td[b-afgkycju0g] {
    padding: 1rem 1.25rem;
    text-align: left;
    border-bottom: 1px solid #f1f5f9;
}

.invoices-table th[b-afgkycju0g] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: #f8fafc;
}

.invoices-table tbody tr:hover[b-afgkycju0g] {
    background: #f8fafc;
}

.invoices-table td[b-afgkycju0g] {
    font-size: 0.9375rem;
    color: #1e293b;
}

/* Status Badges */
.status-badge[b-afgkycju0g] {
    display: inline-flex;
    padding: 0.25rem 0.625rem;
    border-radius: 9999px;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.status-badge.paid[b-afgkycju0g] {
    background: #d1fae5;
    color: #059669;
}

.status-badge.pending[b-afgkycju0g] {
    background: #fef3c7;
    color: #d97706;
}

.status-badge.draft[b-afgkycju0g] {
    background: #e2e8f0;
    color: #64748b;
}

.status-badge.overdue[b-afgkycju0g] {
    background: #fee2e2;
    color: #dc2626;
}

.status-badge.cancelled[b-afgkycju0g] {
    background: #f1f5f9;
    color: #94a3b8;
}

.status-badge.partial[b-afgkycju0g] {
    background: #eff6ff;
    color: #0f3a5d;
}

/* Buttons */
.btn[b-afgkycju0g] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    border: none;
}

.btn-sm[b-afgkycju0g] {
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
}

.btn-secondary[b-afgkycju0g] {
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #e2e8f0;
}

.btn-secondary:hover[b-afgkycju0g] {
    background: #e2e8f0;
}

/* Alert */
.alert[b-afgkycju0g] {
    padding: 1rem 1.25rem;
    border-radius: 0.5rem;
    margin-bottom: 1.5rem;
}

.alert-warning[b-afgkycju0g] {
    background: #fef3c7;
    border: 1px solid #f59e0b;
    color: #92400e;
}

.alert-warning strong[b-afgkycju0g] {
    display: block;
    margin-bottom: 0.25rem;
}

.alert-warning p[b-afgkycju0g] {
    margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
    .client-container[b-afgkycju0g] {
        padding: 1rem;
    }
    
    .summary-cards[b-afgkycju0g] {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .invoices-table th[b-afgkycju0g],
    .invoices-table td[b-afgkycju0g] {
        padding: 0.75rem;
    }
}

@media (max-width: 480px) {
    .summary-cards[b-afgkycju0g] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Client/BulkUpload.razor.rz.scp.css */
.page-header[b-xcvm37wxx7] {
    background: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-600) 100%);
    color: white;
    padding: 2rem;
    margin: -1.5rem -1.5rem 2rem;
    border-radius: 0 0 16px 16px;
}

.page-header h1[b-xcvm37wxx7] {
    margin: 0 0 0.5rem;
    font-size: 1.75rem;
}

.page-header p[b-xcvm37wxx7] {
    margin: 0;
    opacity: 0.9;
}

.bulk-upload-container[b-xcvm37wxx7] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 2rem;
    max-width: 1200px;
}

.upload-card[b-xcvm37wxx7],
.history-card[b-xcvm37wxx7] {
    background: white;
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

.step-indicator[b-xcvm37wxx7] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--gray-200);
}

.step[b-xcvm37wxx7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.step-number[b-xcvm37wxx7] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--gray-200);
    color: var(--gray-500);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    transition: all 0.3s;
}

.step.active .step-number[b-xcvm37wxx7] {
    background: var(--primary-500);
    color: white;
}

.step.completed .step-number[b-xcvm37wxx7] {
    background: #10b981;
    color: white;
}

.step-label[b-xcvm37wxx7] {
    font-size: 0.85rem;
    color: var(--gray-500);
    white-space: nowrap;
}

.step.active .step-label[b-xcvm37wxx7] {
    color: var(--primary-600);
    font-weight: 500;
}

.step-line[b-xcvm37wxx7] {
    width: 80px;
    height: 2px;
    background: var(--gray-200);
    margin: 0 1rem;
    margin-bottom: 1.5rem;
    transition: background 0.3s;
}

.step-line.completed[b-xcvm37wxx7] {
    background: #10b981;
}

.step-content h3[b-xcvm37wxx7] {
    margin: 0 0 1rem;
    color: var(--gray-800);
}

.template-info[b-xcvm37wxx7] {
    background: var(--gray-50);
    border-radius: 8px;
    padding: 1rem 1.5rem;
    margin: 1.5rem 0;
}

.template-info h4[b-xcvm37wxx7] {
    margin: 0 0 0.75rem;
    font-size: 0.9rem;
    color: var(--gray-700);
}

.template-info ul[b-xcvm37wxx7] {
    margin: 0;
    padding-left: 1.5rem;
}

.template-info li[b-xcvm37wxx7] {
    margin-bottom: 0.5rem;
    color: var(--gray-600);
    font-size: 0.9rem;
}

.form-group[b-xcvm37wxx7] {
    margin-top: 1.5rem;
}

.form-group label[b-xcvm37wxx7] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: var(--gray-700);
}

.form-control[b-xcvm37wxx7] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid var(--gray-300);
    border-radius: 8px;
    font-size: 1rem;
}

.form-control:focus[b-xcvm37wxx7] {
    outline: none;
    border-color: var(--primary-500);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.btn[b-xcvm37wxx7] {
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 500;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-primary[b-xcvm37wxx7] {
    background: var(--primary-500);
    color: white;
}

.btn-primary:hover:not(:disabled)[b-xcvm37wxx7] {
    background: var(--primary-600);
}

.btn-secondary[b-xcvm37wxx7] {
    background: var(--gray-100);
    color: var(--gray-700);
}

.btn-secondary:hover[b-xcvm37wxx7] {
    background: var(--gray-200);
}

.btn-success[b-xcvm37wxx7] {
    background: #10b981;
    color: white;
}

.btn-success:hover:not(:disabled)[b-xcvm37wxx7] {
    background: #059669;
}

.btn-outline[b-xcvm37wxx7] {
    background: transparent;
    border: 1px solid var(--gray-300);
    color: var(--gray-700);
}

.btn-outline:hover[b-xcvm37wxx7] {
    background: var(--gray-50);
}

.btn-lg[b-xcvm37wxx7] {
    padding: 1rem 2rem;
    font-size: 1.1rem;
}

.btn:disabled[b-xcvm37wxx7] {
    opacity: 0.5;
    cursor: not-allowed;
}

.mt-2[b-xcvm37wxx7] { margin-top: 1rem; }
.mt-3[b-xcvm37wxx7] { margin-top: 1.5rem; }

.drop-zone[b-xcvm37wxx7] {
    position: relative;
    border: 2px dashed var(--gray-300);
    border-radius: 12px;
    padding: 3rem 2rem;
    text-align: center;
    transition: all 0.2s;
    cursor: pointer;
    margin: 1.5rem 0;
}

.drop-zone:hover[b-xcvm37wxx7],
.drop-zone.dragging[b-xcvm37wxx7] {
    border-color: var(--primary-500);
    background: var(--primary-50);
}

.drop-zone input[type="file"][b-xcvm37wxx7] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.drop-zone-content .upload-icon[b-xcvm37wxx7] {
    font-size: 3rem;
    display: block;
    margin-bottom: 0.5rem;
}

.drop-zone-content p[b-xcvm37wxx7] {
    margin: 0.25rem 0;
    color: var(--gray-600);
}

.drop-zone-content .file-types[b-xcvm37wxx7] {
    font-size: 0.8rem;
    color: var(--gray-400);
}

.drop-zone-content .selected-file[b-xcvm37wxx7] {
    color: var(--primary-600);
}

.validation-errors[b-xcvm37wxx7] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 8px;
    padding: 1rem 1.5rem;
    margin: 1rem 0;
}

.validation-errors h4[b-xcvm37wxx7] {
    margin: 0 0 0.75rem;
    color: #b91c1c;
    font-size: 0.95rem;
}

.validation-errors ul[b-xcvm37wxx7] {
    margin: 0;
    padding-left: 1.5rem;
}

.validation-errors li[b-xcvm37wxx7] {
    color: #7f1d1d;
    font-size: 0.9rem;
    margin-bottom: 0.25rem;
}

.more-errors[b-xcvm37wxx7] {
    margin: 0.5rem 0 0;
    font-style: italic;
    color: #b91c1c;
    font-size: 0.85rem;
}

.step-actions[b-xcvm37wxx7] {
    display: flex;
    justify-content: space-between;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--gray-200);
}

.summary-card[b-xcvm37wxx7] {
    background: var(--gray-50);
    border-radius: 12px;
    padding: 1.5rem;
    margin: 1.5rem 0;
}

.summary-row[b-xcvm37wxx7] {
    display: flex;
    justify-content: space-between;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--gray-200);
}

.summary-row:last-child[b-xcvm37wxx7] {
    border-bottom: none;
}

.summary-row .label[b-xcvm37wxx7] {
    color: var(--gray-600);
}

.summary-row .value[b-xcvm37wxx7] {
    font-weight: 500;
    color: var(--gray-800);
}

.summary-row .value.highlight[b-xcvm37wxx7] {
    color: var(--primary-600);
    font-size: 1.1rem;
}

.alert[b-xcvm37wxx7] {
    padding: 1rem;
    border-radius: 8px;
    margin: 1rem 0;
}

.alert-error[b-xcvm37wxx7] {
    background: #fef2f2;
    color: #b91c1c;
    border: 1px solid #fecaca;
}

.consent-check[b-xcvm37wxx7] {
    margin: 1.5rem 0;
    padding: 1rem;
    background: #fef3c7;
    border-radius: 8px;
}

.consent-check label[b-xcvm37wxx7] {
    display: flex;
    gap: 0.75rem;
    cursor: pointer;
    font-size: 0.9rem;
    color: var(--gray-700);
}

.consent-check input[b-xcvm37wxx7] {
    margin-top: 0.25rem;
}

.success-content[b-xcvm37wxx7] {
    text-align: center;
    padding: 2rem 0;
}

.success-icon[b-xcvm37wxx7] {
    width: 80px;
    height: 80px;
    background: #10b981;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    margin: 0 auto 1.5rem;
}

.success-content h2[b-xcvm37wxx7] {
    margin: 0 0 0.5rem;
    color: var(--gray-800);
}

.result-summary[b-xcvm37wxx7] {
    display: flex;
    justify-content: center;
    gap: 3rem;
    margin: 2rem 0;
}

.result-item[b-xcvm37wxx7] {
    text-align: center;
}

.result-number[b-xcvm37wxx7] {
    display: block;
    font-size: 2.5rem;
    font-weight: 700;
    color: #10b981;
}

.result-item.error .result-number[b-xcvm37wxx7] {
    color: #ef4444;
}

.result-label[b-xcvm37wxx7] {
    font-size: 0.9rem;
    color: var(--gray-500);
}

.error-note[b-xcvm37wxx7] {
    color: #b91c1c;
    font-size: 0.9rem;
}

.success-actions[b-xcvm37wxx7] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 2rem;
}

.spinner-small[b-xcvm37wxx7] {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-xcvm37wxx7 0.8s linear infinite;
}

@keyframes spin-b-xcvm37wxx7 {
    to { transform: rotate(360deg); }
}

.history-card h3[b-xcvm37wxx7] {
    margin: 0 0 1.5rem;
    color: var(--gray-800);
}

.batches-table[b-xcvm37wxx7] {
    width: 100%;
    border-collapse: collapse;
}

.batches-table th[b-xcvm37wxx7],
.batches-table td[b-xcvm37wxx7] {
    padding: 0.75rem;
    text-align: left;
    border-bottom: 1px solid var(--gray-200);
    font-size: 0.9rem;
}

.batches-table th[b-xcvm37wxx7] {
    font-weight: 600;
    color: var(--gray-600);
}

.badge[b-xcvm37wxx7] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
}

.badge-success[b-xcvm37wxx7] {
    background: #ecfdf5;
    color: #047857;
}

.badge-warning[b-xcvm37wxx7] {
    background: #fef3c7;
    color: #b45309;
}

.badge-error[b-xcvm37wxx7] {
    background: #fef2f2;
    color: #b91c1c;
}

.badge-info[b-xcvm37wxx7] {
    background: #eff6ff;
    color: #1d4ed8;
}

.no-data[b-xcvm37wxx7] {
    text-align: center;
    color: var(--gray-500);
    padding: 2rem;
}

@media (max-width: 900px) {
    .bulk-upload-container[b-xcvm37wxx7] {
        grid-template-columns: 1fr;
    }

    .step-indicator[b-xcvm37wxx7] {
        flex-wrap: wrap;
    }

    .step-line[b-xcvm37wxx7] {
        width: 40px;
    }
}
/* /Components/Pages/Client/CompanyProfile.razor.rz.scp.css */
.client-container[b-2xz3zq8l00] {
    padding: 2rem;
    max-width: 1200px;
    margin: 0 auto;
}

.page-header[b-2xz3zq8l00] {
    margin-bottom: 2rem;
}

.page-header h1[b-2xz3zq8l00] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
}

.subtitle[b-2xz3zq8l00] {
    color: #64748b;
    margin: 0.5rem 0 0 0;
    font-size: 0.9375rem;
}

/* Loading */
.loading-container[b-2xz3zq8l00] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem;
    color: #64748b;
}

.spinner[b-2xz3zq8l00] {
    width: 40px;
    height: 40px;
    border: 3px solid #e2e8f0;
    border-top-color: #0f3a5d;
    border-radius: 50%;
    animation: spin-b-2xz3zq8l00 1s linear infinite;
    margin-bottom: 1rem;
}

@keyframes spin-b-2xz3zq8l00 {
    to { transform: rotate(360deg); }
}

/* Content Layout */
.content-grid[b-2xz3zq8l00] {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 2rem;
    align-items: start;
}

@media (max-width: 1024px) {
    .content-grid[b-2xz3zq8l00] {
        grid-template-columns: 1fr;
    }
}

/* Cards */
.card[b-2xz3zq8l00] {
    background: white;
    border-radius: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);
    border: 1px solid #e2e8f0;
    overflow: hidden;
}

.card-header[b-2xz3zq8l00] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    background: linear-gradient(to right, #f8fafc, #ffffff);
    border-bottom: 1px solid #e2e8f0;
}

.card-header h3[b-2xz3zq8l00] {
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
}

.card-body[b-2xz3zq8l00] {
    padding: 1.5rem;
}

/* Section Titles */
.section-title[b-2xz3zq8l00] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #0f3a5d;
    margin: 2rem 0 1.25rem 0;
    padding: 0.75rem 1rem;
    background: linear-gradient(to right, rgba(15, 58, 93, 0.08), transparent);
    border-left: 3px solid #0f3a5d;
    border-radius: 0 0.5rem 0.5rem 0;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.section-title:first-of-type[b-2xz3zq8l00] {
    margin-top: 1.5rem;
}

/* Info Grid (View Mode) */
.info-grid[b-2xz3zq8l00] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
}

.info-item[b-2xz3zq8l00] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    padding: 0.875rem 1rem;
    background: #f8fafc;
    border-radius: 0.5rem;
    border: 1px solid #f1f5f9;
    transition: all 0.2s;
}

.info-item:hover[b-2xz3zq8l00] {
    background: #f1f5f9;
    border-color: #e2e8f0;
}

.info-item.full-width[b-2xz3zq8l00] {
    grid-column: 1 / -1;
}

.info-item .label[b-2xz3zq8l00] {
    font-size: 0.6875rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.info-item .value[b-2xz3zq8l00] {
    font-size: 0.9375rem;
    color: #1e293b;
    font-weight: 500;
    line-height: 1.5;
}

.info-item .value a[b-2xz3zq8l00] {
    color: #0f3a5d;
    text-decoration: none;
}

.info-item .value a:hover[b-2xz3zq8l00] {
    text-decoration: underline;
}

/* Status Badges */
.status-badge[b-2xz3zq8l00] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.status-active[b-2xz3zq8l00] {
    background: #d1fae5;
    color: #059669;
}

.status-pending[b-2xz3zq8l00] {
    background: #fef3c7;
    color: #d97706;
}

.status-suspended[b-2xz3zq8l00] {
    background: #fee2e2;
    color: #dc2626;
}

.status-closed[b-2xz3zq8l00] {
    background: #e2e8f0;
    color: #64748b;
}

/* Form Styles */
.form-group[b-2xz3zq8l00] {
    margin-bottom: 1.25rem;
}

.form-group label[b-2xz3zq8l00] {
    display: block;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #374151;
    margin-bottom: 0.5rem;
}

.form-control[b-2xz3zq8l00] {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.9375rem;
    color: #1e293b;
    background: white;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    transition: all 0.2s;
    box-sizing: border-box;
}

.form-control:hover[b-2xz3zq8l00] {
    border-color: #9ca3af;
}

.form-control:focus[b-2xz3zq8l00] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
}

.form-control[b-2xz3zq8l00]::placeholder {
    color: #9ca3af;
}

.form-row[b-2xz3zq8l00] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
}

@media (max-width: 640px) {
    .form-row[b-2xz3zq8l00] {
        grid-template-columns: 1fr;
    }
    
    .info-grid[b-2xz3zq8l00] {
        grid-template-columns: 1fr;
    }
}

.form-actions[b-2xz3zq8l00] {
    display: flex;
    gap: 0.75rem;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e2e8f0;
}

/* Buttons */
.btn[b-2xz3zq8l00] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 0.5rem;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
}

.btn-primary[b-2xz3zq8l00] {
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    color: white;
    box-shadow: 0 2px 4px rgba(15, 58, 93, 0.2);
}

.btn-primary:hover[b-2xz3zq8l00] {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(15, 58, 93, 0.3);
}

.btn-primary:active[b-2xz3zq8l00] {
    transform: translateY(0);
}

.btn-primary:disabled[b-2xz3zq8l00] {
    background: #94a3b8;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.btn-secondary[b-2xz3zq8l00] {
    background: white;
    color: #475569;
    border: 1px solid #e2e8f0;
}

.btn-secondary:hover[b-2xz3zq8l00] {
    background: #f8fafc;
    border-color: #cbd5e1;
}

.btn-sm[b-2xz3zq8l00] {
    padding: 0.5rem 1rem;
    font-size: 0.8125rem;
}

.btn-block[b-2xz3zq8l00] {
    width: 100%;
    margin-top: 1rem;
}

/* Sidebar */
.sidebar[b-2xz3zq8l00] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Stats Grid */
.stats-grid[b-2xz3zq8l00] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
}

.stat-item[b-2xz3zq8l00] {
    text-align: center;
    padding: 1rem;
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border-radius: 0.75rem;
    border: 1px solid #e2e8f0;
    transition: all 0.2s;
}

.stat-item:hover[b-2xz3zq8l00] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.stat-value[b-2xz3zq8l00] {
    display: block;
    font-size: 1.75rem;
    font-weight: 700;
    color: #0f3a5d;
    line-height: 1.2;
}

.stat-label[b-2xz3zq8l00] {
    font-size: 0.6875rem;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
    margin-top: 0.25rem;
}

/* Billing Info */
.billing-info[b-2xz3zq8l00],
.account-info[b-2xz3zq8l00] {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}

.billing-item[b-2xz3zq8l00],
.info-item-row[b-2xz3zq8l00] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.625rem 0;
    border-bottom: 1px solid #f1f5f9;
}

.billing-item:last-child[b-2xz3zq8l00],
.info-item-row:last-child[b-2xz3zq8l00] {
    border-bottom: none;
}

.billing-item .label[b-2xz3zq8l00],
.info-item-row .label[b-2xz3zq8l00] {
    font-size: 0.875rem;
    color: #64748b;
}

.billing-item .value[b-2xz3zq8l00],
.info-item-row .value[b-2xz3zq8l00] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #1e293b;
}

.billing-item .value.discount[b-2xz3zq8l00] {
    color: #059669;
}

.billing-item .value.warning[b-2xz3zq8l00] {
    color: #dc2626;
}

/* Alerts */
.alert[b-2xz3zq8l00] {
    padding: 1rem 1.25rem;
    border-radius: 0.75rem;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.alert[b-2xz3zq8l00]::before {
    content: '';
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    background-size: contain;
    background-repeat: no-repeat;
}

.alert-success[b-2xz3zq8l00] {
    background: #d1fae5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}

.alert-danger[b-2xz3zq8l00] {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

.alert-warning[b-2xz3zq8l00] {
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #fde68a;
}

.alert h4[b-2xz3zq8l00] {
    margin: 0 0 0.375rem 0;
    font-size: 0.9375rem;
    font-weight: 600;
}

.alert p[b-2xz3zq8l00] {
    margin: 0;
    font-size: 0.875rem;
}

/* Validation */
.validation-message[b-2xz3zq8l00] {
    color: #dc2626;
    font-size: 0.75rem;
    margin-top: 0.375rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.validation-message[b-2xz3zq8l00]::before {
    content: '⚠';
}

/* Responsive */
@media (max-width: 768px) {
    .client-container[b-2xz3zq8l00] {
        padding: 1rem;
    }
    
    .card-header[b-2xz3zq8l00],
    .card-body[b-2xz3zq8l00] {
        padding: 1rem;
    }
    
    .stats-grid[b-2xz3zq8l00] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Components/Pages/Client/Dashboard.razor.rz.scp.css */
.client-container[b-oz44e2c9p8] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem;
}

/* Header */
.dashboard-header[b-oz44e2c9p8] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.welcome-badge[b-oz44e2c9p8] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.75rem;
    background: var(--primary-50);
    color: var(--primary-600);
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.header-content h1[b-oz44e2c9p8] {
    font-size: 1.875rem;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 0.25rem;
}

.header-content p[b-oz44e2c9p8] {
    color: var(--gray-600);
}

.header-actions[b-oz44e2c9p8] {
    display: flex;
    gap: 0.75rem;
}

.btn-secondary[b-oz44e2c9p8] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.875rem 1.25rem;
    background: white;
    color: var(--gray-700);
    border: 1px solid var(--gray-300);
    border-radius: 0.625rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s;
}

.btn-secondary:hover[b-oz44e2c9p8] {
    background: var(--gray-50);
    border-color: var(--gray-400);
}

.btn-cta[b-oz44e2c9p8] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.875rem 1.5rem;
    background: linear-gradient(135deg, var(--cta-500), var(--cta-600));
    color: white;
    border-radius: 0.625rem;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(245, 158, 11, 0.35);
    transition: all 0.2s;
}

.btn-cta:hover[b-oz44e2c9p8] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(245, 158, 11, 0.4);
}

/* Stats Grid */
.stats-grid[b-oz44e2c9p8] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem;
    margin-bottom: 2rem;
}

.stat-card[b-oz44e2c9p8] {
    background: white;
    border-radius: 1rem;
    padding: 1.25rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid var(--gray-100);
    position: relative;
    transition: all 0.2s;
}

.stat-card:hover[b-oz44e2c9p8] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.stat-icon[b-oz44e2c9p8] {
    width: 56px;
    height: 56px;
    border-radius: 0.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.stat-card.total .stat-icon[b-oz44e2c9p8] { background: linear-gradient(135deg, #0f3a5d, #1a5fa8); color: white; }
.stat-card.pending .stat-icon[b-oz44e2c9p8] { background: linear-gradient(135deg, #f59e0b, #d97706); color: white; }
.stat-card.inprogress .stat-icon[b-oz44e2c9p8] { background: linear-gradient(135deg, #8b5cf6, #7c3aed); color: white; }
.stat-card.completed .stat-icon[b-oz44e2c9p8] { background: linear-gradient(135deg, #10b981, #059669); color: white; }

.stat-content[b-oz44e2c9p8] {
    display: flex;
    flex-direction: column;
}

.stat-number[b-oz44e2c9p8] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--gray-900);
    line-height: 1.2;
}

.stat-label[b-oz44e2c9p8] {
    font-size: 0.8125rem;
    color: var(--gray-500);
    font-weight: 500;
}

.stat-indicator[b-oz44e2c9p8] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--cta-500);
}

.stat-indicator.pulse[b-oz44e2c9p8] {
    animation: pulse 2s infinite;
}

@@keyframes pulse {
    0%[b-oz44e2c9p8], 100%[b-oz44e2c9p8] { opacity: 1; transform: scale(1); }
    50%[b-oz44e2c9p8] { opacity: 0.5; transform: scale(1.2); }
}


/* Analytics Row */
.analytics-row[b-oz44e2c9p8] {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr;
    gap: 1.25rem;
    margin-bottom: 2rem;
}

.analytics-card[b-oz44e2c9p8] {
    background: white;
    border-radius: 1rem;
    padding: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid var(--gray-100);
}

.analytics-card .card-header[b-oz44e2c9p8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 0;
    border-bottom: none;
}

.analytics-card .card-header h3[b-oz44e2c9p8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--gray-700);
    margin: 0;
}

.analytics-card .card-header h3 svg[b-oz44e2c9p8] {
    color: var(--primary-500);
}

.time-range[b-oz44e2c9p8] {
    font-size: 0.75rem;
    color: var(--gray-400);
}

/* Bar Chart */
.chart-container[b-oz44e2c9p8] {
    height: 180px;
    display: flex;
    align-items: flex-end;
}

.bar-chart[b-oz44e2c9p8] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    gap: 0.5rem;
}

.bar-group[b-oz44e2c9p8] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}

.bar-wrapper[b-oz44e2c9p8] {
    flex: 1;
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.bar[b-oz44e2c9p8] {
    width: 70%;
    max-width: 40px;
    background: linear-gradient(180deg, var(--primary-500) 0%, var(--primary-400) 100%);
    border-radius: 6px 6px 0 0;
    position: relative;
    min-height: 4px;
    transition: all 0.3s;
}

.bar:hover[b-oz44e2c9p8] {
    background: linear-gradient(180deg, var(--primary-600) 0%, var(--primary-500) 100%);
}

.bar-value[b-oz44e2c9p8] {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--gray-700);
}

.bar-label[b-oz44e2c9p8] {
    margin-top: 0.5rem;
    font-size: 0.7rem;
    color: var(--gray-500);
}

/* Donut Chart */
.results-overview[b-oz44e2c9p8] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.donut-container[b-oz44e2c9p8] {
    width: 100px;
    height: 100px;
    flex-shrink: 0;
}

.donut-chart[b-oz44e2c9p8] {
    width: 100%;
    height: 100%;
}

.donut-ring[b-oz44e2c9p8] {
    fill: none;
    stroke: #e5e7eb;
    stroke-width: 3;
}

.donut-segment[b-oz44e2c9p8] {
    fill: none;
    stroke-width: 3;
    stroke-linecap: round;
    transform: rotate(-90deg);
    transform-origin: center;
    transition: stroke-dasharray 0.5s;
}

.donut-segment.passed[b-oz44e2c9p8] {
    stroke: #10b981;
}

.donut-text[b-oz44e2c9p8] {
    fill: var(--gray-900);
    font-size: 0.5rem;
    font-weight: 700;
    text-anchor: middle;
}

.results-legend[b-oz44e2c9p8] {
    flex: 1;
}

.legend-item[b-oz44e2c9p8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.legend-dot[b-oz44e2c9p8] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.legend-dot.passed[b-oz44e2c9p8] { background: #10b981; }
.legend-dot.failed[b-oz44e2c9p8] { background: #ef4444; }

.legend-label[b-oz44e2c9p8] {
    flex: 1;
    font-size: 0.8rem;
    color: var(--gray-600);
}

.legend-value[b-oz44e2c9p8] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--gray-900);
}

/* Metrics List */
.metrics-list[b-oz44e2c9p8] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.metric-item[b-oz44e2c9p8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--gray-100);
}

.metric-item:last-child[b-oz44e2c9p8] {
    border-bottom: none;
}

.metric-label[b-oz44e2c9p8] {
    font-size: 0.85rem;
    color: var(--gray-600);
}

.metric-value[b-oz44e2c9p8] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--gray-900);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.metric-change[b-oz44e2c9p8] {
    font-size: 0.7rem;
    padding: 0.2rem 0.5rem;
    border-radius: 9999px;
}

.metric-change.positive[b-oz44e2c9p8] {
    background: #d1fae5;
    color: #065f46;
}

.metric-change.negative[b-oz44e2c9p8] {
    background: #fee2e2;
    color: #991b1b;
}

.no-data[b-oz44e2c9p8] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: var(--gray-400);
    font-size: 0.9rem;
}


/* Dashboard Card */
.dashboard-card[b-oz44e2c9p8] {
    background: white;
    border-radius: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid var(--gray-100);
    margin-bottom: 2rem;
}

.card-header[b-oz44e2c9p8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--gray-100);
}

.card-header h2[b-oz44e2c9p8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1rem;
    font-weight: 600;
    color: var(--gray-900);
    margin: 0;
}

.card-header h2 svg[b-oz44e2c9p8] {
    color: var(--primary-500);
}

.view-all[b-oz44e2c9p8] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--primary-500);
    text-decoration: none;
}

.view-all:hover[b-oz44e2c9p8] {
    color: var(--primary-600);
}

/* Data Table */
.table-container[b-oz44e2c9p8] {
    overflow-x: auto;
}

.data-table[b-oz44e2c9p8] {
    width: 100%;
    border-collapse: collapse;
}

.data-table th[b-oz44e2c9p8] {
    text-align: left;
    padding: 0.875rem 1.5rem;
    font-size: 0.6875rem;
    font-weight: 600;
    color: var(--gray-500);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: var(--gray-50);
}

.data-table td[b-oz44e2c9p8] {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--gray-100);
    font-size: 0.875rem;
    color: var(--gray-700);
}

.data-table tbody tr:hover[b-oz44e2c9p8] {
    background: var(--gray-50);
}

.data-table tbody tr:last-child td[b-oz44e2c9p8] {
    border-bottom: none;
}

.request-id[b-oz44e2c9p8] {
    font-weight: 600;
    color: var(--primary-500);
}

.candidate-cell[b-oz44e2c9p8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.candidate-avatar[b-oz44e2c9p8] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--primary-400), var(--secondary-500));
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.75rem;
    flex-shrink: 0;
}

.candidate-name[b-oz44e2c9p8] {
    font-weight: 500;
    color: var(--gray-900);
}

.date[b-oz44e2c9p8] {
    color: var(--gray-500);
}

.status-badge[b-oz44e2c9p8] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
}

.status-badge.pending[b-oz44e2c9p8] { background: #fef3c7; color: #92400e; }
.status-badge.inprogress[b-oz44e2c9p8] { background: #ede9fe; color: #6d28d9; }
.status-badge.completed[b-oz44e2c9p8] { background: #d1fae5; color: #065f46; }
.status-badge.rejected[b-oz44e2c9p8] { background: #fee2e2; color: #991b1b; }
.status-badge.requiresmoreinfo[b-oz44e2c9p8] { background: #fce7f3; color: #9d174d; }

.btn-view[b-oz44e2c9p8] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 0.875rem;
    background: var(--primary-50);
    color: var(--primary-600);
    border-radius: 0.5rem;
    font-size: 0.8125rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s;
}

.btn-view:hover[b-oz44e2c9p8] {
    background: var(--primary-100);
}

/* Empty State */
.empty-state[b-oz44e2c9p8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
}

.empty-icon[b-oz44e2c9p8] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: var(--gray-100);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--gray-400);
    margin-bottom: 1.5rem;
}

.empty-state h3[b-oz44e2c9p8] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--gray-900);
    margin-bottom: 0.5rem;
}

.empty-state p[b-oz44e2c9p8] {
    color: var(--gray-500);
    margin-bottom: 1.5rem;
}

.btn-primary[b-oz44e2c9p8] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: var(--primary-500);
    color: white;
    border-radius: 0.5rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s;
}

.btn-primary:hover[b-oz44e2c9p8] {
    background: var(--primary-600);
    transform: translateY(-1px);
}

/* Info Grid */
.info-grid[b-oz44e2c9p8] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
}

.info-card[b-oz44e2c9p8] {
    background: white;
    border-radius: 1rem;
    padding: 1.5rem;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid var(--gray-100);
}

.info-icon[b-oz44e2c9p8] {
    width: 44px;
    height: 44px;
    border-radius: 0.75rem;
    background: var(--secondary-50);
    color: var(--secondary-600);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.info-content h4[b-oz44e2c9p8] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--gray-900);
    margin-bottom: 0.25rem;
}

.info-content p[b-oz44e2c9p8] {
    font-size: 0.8125rem;
    color: var(--gray-600);
    margin: 0;
}

.info-content strong[b-oz44e2c9p8] {
    color: var(--gray-900);
}

/* Clickable Info Cards */
.info-card.clickable[b-oz44e2c9p8] {
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
}

.info-card.clickable:hover[b-oz44e2c9p8] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-color: var(--primary-200);
}

.info-card.clickable:hover .info-icon[b-oz44e2c9p8] {
    background: var(--primary-50);
    color: var(--primary-600);
}

.info-card.clickable:hover h4[b-oz44e2c9p8] {
    color: var(--primary-600);
}

/* Responsive */
@@media (max-width: 1024px) {
    .stats-grid[b-oz44e2c9p8] {
        grid-template-columns: repeat(2, 1fr);
    }

    .analytics-row[b-oz44e2c9p8] {
        grid-template-columns: 1fr;
    }

    .info-grid[b-oz44e2c9p8] {
        grid-template-columns: 1fr;
    }
}

@@media (max-width: 768px) {
    .client-container[b-oz44e2c9p8] {
        padding: 1rem;
    }

    .dashboard-header[b-oz44e2c9p8] {
        flex-direction: column;
        align-items: stretch;
    }

    .header-actions[b-oz44e2c9p8] {
        flex-direction: column;
    }

    .btn-cta[b-oz44e2c9p8], .btn-secondary[b-oz44e2c9p8] {
        justify-content: center;
    }
}

@@media (max-width: 480px) {
    .stats-grid[b-oz44e2c9p8] {
        grid-template-columns: 1fr;
    }

    .candidate-cell[b-oz44e2c9p8] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }

    .candidate-avatar[b-oz44e2c9p8] {
        display: none;
    }

    .results-overview[b-oz44e2c9p8] {
        flex-direction: column;
        text-align: center;
    }
}



/* View Toggle Styles */
.view-toggle-container[b-oz44e2c9p8] {
    margin-bottom: 1.5rem;
}

.view-toggle[b-oz44e2c9p8] {
    display: inline-flex;
    background: var(--gray-100);
    border-radius: 0.5rem;
    padding: 0.25rem;
    gap: 0.25rem;
}

.toggle-btn[b-oz44e2c9p8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border: none;
    background: transparent;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--gray-500);
    cursor: pointer;
    transition: all 0.2s;
}

.toggle-btn:hover[b-oz44e2c9p8] {
    color: var(--gray-900);
}

.toggle-btn.active[b-oz44e2c9p8] {
    background: white;
    color: var(--primary-600);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.toggle-btn svg[b-oz44e2c9p8] {
    flex-shrink: 0;
}

/* Submitter cell styles */
.submitter-cell[b-oz44e2c9p8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.you-badge[b-oz44e2c9p8] {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.5rem;
    background: #dbeafe;
    color: #1e40af;
    font-size: 0.75rem;
    font-weight: 500;
    border-radius: 9999px;
}

@media (max-width: 640px) {
    .view-toggle-container[b-oz44e2c9p8] {
        display: flex;
        justify-content: center;
    }

    .toggle-btn[b-oz44e2c9p8] {
        padding: 0.5rem 0.75rem;
        font-size: 0.8125rem;
    }
}
/* /Components/Pages/Client/Packages.razor.rz.scp.css */
.packages-container[b-xbh7jyrxjh] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
}

.page-header[b-xbh7jyrxjh] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
    gap: 1rem;
}

.page-header h1[b-xbh7jyrxjh] {
    margin: 0;
    color: #1e3a5f;
    font-size: 1.75rem;
}

.page-header p[b-xbh7jyrxjh] {
    margin: 0.5rem 0 0;
    color: #64748b;
}

.btn-primary[b-xbh7jyrxjh] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: linear-gradient(135deg, #1e3a5f 0%, #2d4a6f 100%);
    color: white;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
}

.btn-primary:hover[b-xbh7jyrxjh] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(30, 58, 95, 0.3);
}

.stats-grid[b-xbh7jyrxjh] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
    margin-bottom: 2rem;
}

.stat-card[b-xbh7jyrxjh] {
    background: white;
    border-radius: 1rem;
    padding: 1.25rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid #f1f5f9;
    transition: all 0.2s;
}

.stat-card:hover[b-xbh7jyrxjh] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.stat-icon[b-xbh7jyrxjh] {
    width: 56px;
    height: 56px;
    border-radius: 0.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.stat-card.custom .stat-icon[b-xbh7jyrxjh] { background: linear-gradient(135deg, #0f3a5d, #1a5fa8); color: white; }
.stat-card.slots .stat-icon[b-xbh7jyrxjh] { background: linear-gradient(135deg, #10b981, #059669); color: white; }
.stat-card.system .stat-icon[b-xbh7jyrxjh] { background: linear-gradient(135deg, #8b5cf6, #7c3aed); color: white; }

.stat-content[b-xbh7jyrxjh] {
    display: flex;
    flex-direction: column;
}

.stat-number[b-xbh7jyrxjh] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #1e293b;
    line-height: 1.2;
}

.stat-label[b-xbh7jyrxjh] {
    font-size: 0.8125rem;
    color: #64748b;
    font-weight: 500;
}

.section-header[b-xbh7jyrxjh] {
    margin: 2rem 0 1rem;
}

.section-header h2[b-xbh7jyrxjh] {
    font-size: 1.25rem;
    color: #1e3a5f;
    margin: 0;
}

.section-header p[b-xbh7jyrxjh] {
    color: #64748b;
    margin: 0.25rem 0 0;
    font-size: 0.9rem;
}

.section-header.system[b-xbh7jyrxjh] {
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 1px solid #e2e8f0;
}

.packages-grid[b-xbh7jyrxjh] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 1.5rem;
}

.package-card[b-xbh7jyrxjh] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    border: 2px solid transparent;
    transition: all 0.2s;
    display: flex;
    flex-direction: column;
}

.package-card:hover[b-xbh7jyrxjh] {
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}

.package-card.custom[b-xbh7jyrxjh] {
    border-color: #dbeafe;
    background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);
}

.package-card.system[b-xbh7jyrxjh] {
    border-color: #e2e8f0;
}

.package-header[b-xbh7jyrxjh] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.package-icon[b-xbh7jyrxjh] {
    font-size: 2rem;
    line-height: 1;
}

.package-info[b-xbh7jyrxjh] {
    flex: 1;
    min-width: 0;
}

.package-info h3[b-xbh7jyrxjh] {
    margin: 0;
    font-size: 1.1rem;
    color: #1e293b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.package-badge[b-xbh7jyrxjh] {
    display: inline-block;
    padding: 0.2rem 0.6rem;
    border-radius: 12px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 0.35rem;
}

.package-badge.custom[b-xbh7jyrxjh] {
    background: #dbeafe;
    color: #1e40af;
}

.package-badge.featured[b-xbh7jyrxjh] {
    background: #fef3c7;
    color: #92400e;
}

.package-actions[b-xbh7jyrxjh] {
    display: flex;
    gap: 0.25rem;
}

.btn-icon[b-xbh7jyrxjh] {
    width: 32px;
    height: 32px;
    border: none;
    background: #f1f5f9;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.9rem;
    transition: all 0.2s;
}

.btn-icon:hover[b-xbh7jyrxjh] {
    background: #e2e8f0;
}

.btn-icon.danger:hover[b-xbh7jyrxjh] {
    background: #fee2e2;
}

.package-description[b-xbh7jyrxjh] {
    color: #64748b;
    font-size: 0.9rem;
    margin: 0 0 1rem;
    line-height: 1.5;
}

.package-types[b-xbh7jyrxjh] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
    flex: 1;
}

.type-tag[b-xbh7jyrxjh] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.35rem 0.75rem;
    background: #f1f5f9;
    border-radius: 20px;
    font-size: 0.8rem;
    color: #475569;
}

.type-tag.more[b-xbh7jyrxjh] {
    background: #e2e8f0;
    font-weight: 500;
}

.package-footer[b-xbh7jyrxjh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1rem;
    border-top: 1px solid #e2e8f0;
    margin-bottom: 1rem;
}

.package-stats[b-xbh7jyrxjh] {
    display: flex;
    gap: 1rem;
    font-size: 0.85rem;
    color: #64748b;
}

.package-price[b-xbh7jyrxjh] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1e3a5f;
}

.package-price .original-price[b-xbh7jyrxjh] {
    font-size: 0.9rem;
    color: #94a3b8;
    text-decoration: line-through;
    margin-right: 0.5rem;
    font-weight: 400;
}

.btn-use-package[b-xbh7jyrxjh] {
    width: 100%;
    padding: 0.75rem;
    background: #1e3a5f;
    color: white;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-use-package:hover[b-xbh7jyrxjh] {
    background: #2d4a6f;
}

/* Empty State */
.empty-state[b-xbh7jyrxjh] {
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.empty-icon[b-xbh7jyrxjh] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.empty-state h3[b-xbh7jyrxjh] {
    margin: 0 0 0.5rem;
    color: #1e3a5f;
}

.empty-state p[b-xbh7jyrxjh] {
    color: #64748b;
    margin-bottom: 1.5rem;
}

/* Loading State */
.loading-state[b-xbh7jyrxjh] {
    text-align: center;
    padding: 4rem 2rem;
}

.spinner[b-xbh7jyrxjh] {
    width: 40px;
    height: 40px;
    border: 3px solid #e2e8f0;
    border-top-color: #1e3a5f;
    border-radius: 50%;
    animation: spin-b-xbh7jyrxjh 1s linear infinite;
    margin: 0 auto 1rem;
}

@keyframes spin-b-xbh7jyrxjh {
    to { transform: rotate(360deg); }
}

/* Modal */
.modal-overlay[b-xbh7jyrxjh] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal-content[b-xbh7jyrxjh] {
    background: white;
    border-radius: 16px;
    width: 100%;
    max-height: 90vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.modal-content.large[b-xbh7jyrxjh] {
    max-width: 800px;
}

.modal-content.small[b-xbh7jyrxjh] {
    max-width: 400px;
}

.modal-header[b-xbh7jyrxjh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid #e2e8f0;
}

.modal-header h2[b-xbh7jyrxjh] {
    margin: 0;
    font-size: 1.25rem;
    color: #1e3a5f;
}

.modal-close[b-xbh7jyrxjh] {
    width: 32px;
    height: 32px;
    border: none;
    background: #f1f5f9;
    border-radius: 8px;
    font-size: 1.5rem;
    cursor: pointer;
    color: #64748b;
}

.modal-body[b-xbh7jyrxjh] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.modal-footer[b-xbh7jyrxjh] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    padding: 1.5rem;
    border-top: 1px solid #e2e8f0;
}

.btn-secondary[b-xbh7jyrxjh] {
    padding: 0.75rem 1.5rem;
    background: #f1f5f9;
    color: #475569;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
}

.btn-danger[b-xbh7jyrxjh] {
    padding: 0.75rem 1.5rem;
    background: #dc2626;
    color: white;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
}

/* Form Elements */
.form-group[b-xbh7jyrxjh] {
    margin-bottom: 1.25rem;
}

.form-group label[b-xbh7jyrxjh] {
    display: block;
    font-weight: 600;
    color: #374151;
    margin-bottom: 0.5rem;
}

.form-hint[b-xbh7jyrxjh] {
    font-size: 0.85rem;
    color: #64748b;
    margin: 0 0 0.75rem;
}

.form-group input[b-xbh7jyrxjh],
.form-group textarea[b-xbh7jyrxjh] {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 1rem;
}

.form-group input:focus[b-xbh7jyrxjh],
.form-group textarea:focus[b-xbh7jyrxjh] {
    outline: none;
    border-color: #1e3a5f;
    box-shadow: 0 0 0 3px rgba(30, 58, 95, 0.1);
}

.form-row[b-xbh7jyrxjh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.icon-picker[b-xbh7jyrxjh] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.icon-option[b-xbh7jyrxjh] {
    width: 40px;
    height: 40px;
    border: 2px solid #e2e8f0;
    background: white;
    border-radius: 8px;
    font-size: 1.25rem;
    cursor: pointer;
    transition: all 0.2s;
}

.icon-option:hover[b-xbh7jyrxjh] {
    border-color: #1e3a5f;
}

.icon-option.selected[b-xbh7jyrxjh] {
    border-color: #1e3a5f;
    background: #f0f9ff;
}

/* Screening Types Selector */
.screening-types-selector[b-xbh7jyrxjh] {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
}

.category-group[b-xbh7jyrxjh] {
    border-bottom: 1px solid #e2e8f0;
}

.category-group:last-child[b-xbh7jyrxjh] {
    border-bottom: none;
}

.category-header[b-xbh7jyrxjh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background: #f8fafc;
    font-weight: 600;
    color: #1e3a5f;
}

.btn-select-all[b-xbh7jyrxjh] {
    padding: 0.25rem 0.75rem;
    background: white;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    font-size: 0.75rem;
    cursor: pointer;
}

.types-list[b-xbh7jyrxjh] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 0.5rem;
    padding: 0.75rem 1rem;
}

.type-checkbox[b-xbh7jyrxjh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
}

.type-checkbox:hover[b-xbh7jyrxjh] {
    border-color: #1e3a5f;
}

.type-checkbox.selected[b-xbh7jyrxjh] {
    background: #f0f9ff;
    border-color: #1e3a5f;
}

.type-checkbox input[b-xbh7jyrxjh] {
    width: 16px;
    height: 16px;
}

.type-icon[b-xbh7jyrxjh] {
    font-size: 1.1rem;
}

.type-name[b-xbh7jyrxjh] {
    flex: 1;
    font-size: 0.9rem;
}

.type-price[b-xbh7jyrxjh] {
    color: #64748b;
    font-size: 0.85rem;
}

/* Package Summary */
.package-summary[b-xbh7jyrxjh] {
    background: #f8fafc;
    border-radius: 12px;
    padding: 1rem 1.25rem;
    margin-top: 1.5rem;
}

.summary-row[b-xbh7jyrxjh] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    color: #475569;
}

.summary-row.total[b-xbh7jyrxjh] {
    border-top: 1px solid #e2e8f0;
    margin-top: 0.5rem;
    padding-top: 1rem;
    font-size: 1.1rem;
    color: #1e3a5f;
}

/* Alerts */
.alert[b-xbh7jyrxjh] {
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.alert-error[b-xbh7jyrxjh] {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

.text-muted[b-xbh7jyrxjh] {
    color: #64748b;
}

.spinner-small[b-xbh7jyrxjh] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-xbh7jyrxjh 1s linear infinite;
    display: inline-block;
    margin-right: 0.5rem;
}

/* Responsive */
@media (max-width: 768px) {
    .packages-container[b-xbh7jyrxjh] {
        padding: 1rem;
    }
    
    .page-header[b-xbh7jyrxjh] {
        flex-direction: column;
    }
    
    .stats-grid[b-xbh7jyrxjh] {
        grid-template-columns: 1fr;
    }
    
    .packages-grid[b-xbh7jyrxjh] {
        grid-template-columns: 1fr;
    }
    
    .form-row[b-xbh7jyrxjh] {
        grid-template-columns: 1fr;
    }
    
    .types-list[b-xbh7jyrxjh] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Client/Team.razor.rz.scp.css */
.client-container[b-x1sfc538zq] {
    padding: 2rem;
    max-width: 1200px;
    margin: 0 auto;
}

.admin-header[b-x1sfc538zq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

.admin-header h1[b-x1sfc538zq] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
}

.subtitle[b-x1sfc538zq] {
    color: #64748b;
    margin: 0.25rem 0 0 0;
}

.loading-container[b-x1sfc538zq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem;
    color: #64748b;
}

.spinner[b-x1sfc538zq] {
    width: 40px;
    height: 40px;
    border: 3px solid #e2e8f0;
    border-top-color: #0f3a5d;
    border-radius: 50%;
    animation: spin-b-x1sfc538zq 1s linear infinite;
    margin-bottom: 1rem;
}

@keyframes spin-b-x1sfc538zq {
    to { transform: rotate(360deg); }
}

/* Cards */
.card[b-x1sfc538zq] {
    background: white;
    border-radius: 0.75rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
    margin-bottom: 1.5rem;
}

.card-header[b-x1sfc538zq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e2e8f0;
}

.card-header h3[b-x1sfc538zq] {
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
}

.card-body[b-x1sfc538zq] {
    padding: 1.5rem;
}

/* Invite Code Section */
.invite-card[b-x1sfc538zq] {
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
}

.invite-code-section[b-x1sfc538zq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
}

.invite-info h3[b-x1sfc538zq] {
    margin: 0 0 0.25rem 0;
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
}

.invite-info p[b-x1sfc538zq] {
    margin: 0;
    font-size: 0.875rem;
    color: #64748b;
}

.invite-code-display[b-x1sfc538zq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.invite-code[b-x1sfc538zq] {
    background: white;
    padding: 0.75rem 1.25rem;
    border-radius: 0.5rem;
    font-family: monospace;
    font-size: 1.125rem;
    font-weight: 600;
    color: #1e293b;
    letter-spacing: 0.05em;
    border: 1px solid #e2e8f0;
}

.no-code[b-x1sfc538zq] {
    color: #64748b;
    font-style: italic;
}

/* Table */
.data-table[b-x1sfc538zq] {
    width: 100%;
    border-collapse: collapse;
}

.data-table th[b-x1sfc538zq],
.data-table td[b-x1sfc538zq] {
    padding: 0.875rem 1rem;
    text-align: left;
    border-bottom: 1px solid #e2e8f0;
}

.data-table th[b-x1sfc538zq] {
    background: #f8fafc;
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.data-table tr:hover[b-x1sfc538zq] {
    background: #f8fafc;
}

.data-table tr.disabled-row[b-x1sfc538zq] {
    opacity: 0.6;
}

.user-info[b-x1sfc538zq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.user-name[b-x1sfc538zq] {
    font-weight: 500;
    color: #1e293b;
}

/* Badges */
.badge[b-x1sfc538zq] {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    font-size: 0.6875rem;
    font-weight: 500;
    border-radius: 9999px;
}

.badge-info[b-x1sfc538zq] {
    background: #eff6ff;
    color: #0f3a5d;
}

.role-badge[b-x1sfc538zq] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 500;
}

.role-owner[b-x1sfc538zq] {
    background: #fef3c7;
    color: #92400e;
}

.role-admin[b-x1sfc538zq] {
    background: #eff6ff;
    color: #0f3a5d;
}

.role-member[b-x1sfc538zq] {
    background: #f1f5f9;
    color: #475569;
}

.status-badge[b-x1sfc538zq] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 500;
}

.status-active[b-x1sfc538zq] {
    background: #d1fae5;
    color: #065f46;
}

.status-pending[b-x1sfc538zq] {
    background: #fef3c7;
    color: #92400e;
}

.status-disabled[b-x1sfc538zq] {
    background: #fee2e2;
    color: #991b1b;
}

/* Action Buttons */
.action-buttons[b-x1sfc538zq] {
    display: flex;
    gap: 0.25rem;
}

.btn-icon[b-x1sfc538zq] {
    width: 32px;
    height: 32px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1f5f9;
    border: none;
    border-radius: 0.375rem;
    cursor: pointer;
    color: #475569;
    transition: all 0.15s;
}

.btn-icon:hover[b-x1sfc538zq] {
    background: #e2e8f0;
    color: #1e293b;
}

.btn-icon.btn-danger:hover[b-x1sfc538zq] {
    background: #fee2e2;
    color: #dc2626;
}

/* Buttons */
.btn[b-x1sfc538zq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: 0.5rem;
    border: none;
    cursor: pointer;
    transition: all 0.15s;
    text-decoration: none;
}

.btn-primary[b-x1sfc538zq] {
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    color: white;
    box-shadow: 0 2px 4px rgba(15, 58, 93, 0.2);
}

.btn-primary:hover[b-x1sfc538zq] {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(15, 58, 93, 0.3);
}

.btn-primary:disabled[b-x1sfc538zq] {
    background: #94a3b8;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.btn-secondary[b-x1sfc538zq] {
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #e2e8f0;
}

.btn-secondary:hover[b-x1sfc538zq] {
    background: #e2e8f0;
}

.btn-danger[b-x1sfc538zq] {
    background: #dc2626;
    color: white;
}

.btn-danger:hover[b-x1sfc538zq] {
    background: #b91c1c;
}

.btn-sm[b-x1sfc538zq] {
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
}

.btn-close[b-x1sfc538zq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: transparent;
    border: none;
    border-radius: 0.5rem;
    font-size: 1.25rem;
    cursor: pointer;
    color: #64748b;
    transition: all 0.2s;
}

.btn-close:hover[b-x1sfc538zq] {
    background: #f1f5f9;
    color: #1e293b;
}

/* Modal */
.modal-backdrop[b-x1sfc538zq] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal[b-x1sfc538zq] {
    background: white;
    border-radius: 1rem;
    width: 100%;
    max-width: 500px;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.modal-header[b-x1sfc538zq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #e2e8f0;
}

.modal-header h3[b-x1sfc538zq] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1e293b;
}

.modal-body[b-x1sfc538zq] {
    padding: 1.5rem;
}

.modal-footer[b-x1sfc538zq] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
    border-radius: 0 0 1rem 1rem;
}

/* Form */
.form-group[b-x1sfc538zq] {
    margin-bottom: 1rem;
}

.form-group label[b-x1sfc538zq] {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
    margin-bottom: 0.375rem;
}

.form-control[b-x1sfc538zq] {
    width: 100%;
    padding: 0.625rem 0.875rem;
    font-size: 0.9375rem;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.form-control:focus[b-x1sfc538zq] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
}

/* Alerts */
.alert[b-x1sfc538zq] {
    padding: 1rem 1.25rem;
    border-radius: 0.5rem;
    margin-bottom: 1.5rem;
}

.alert-success[b-x1sfc538zq] {
    background: #d1fae5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}

.alert-danger[b-x1sfc538zq] {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

.alert-warning[b-x1sfc538zq] {
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #fde68a;
}

.alert h4[b-x1sfc538zq] {
    margin: 0 0 0.5rem 0;
    font-size: 1rem;
}

.alert p[b-x1sfc538zq] {
    margin: 0;
}

/* Empty State */
.empty-state[b-x1sfc538zq] {
    text-align: center;
    padding: 3rem;
    color: #64748b;
}

/* Text utilities */
.text-muted[b-x1sfc538zq] {
    color: #64748b;
    font-size: 0.875rem;
}

/* Validation */
.validation-message[b-x1sfc538zq] {
    color: #dc2626;
    font-size: 0.8125rem;
    margin-top: 0.25rem;
}

/* Responsive */
@media (max-width: 768px) {
    .client-container[b-x1sfc538zq] {
        padding: 1rem;
    }
    
    .admin-header[b-x1sfc538zq] {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }
    
    .invite-code-section[b-x1sfc538zq] {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .data-table[b-x1sfc538zq] {
        display: block;
        overflow-x: auto;
    }
}
/* /Components/Pages/GdprRequest.razor.rz.scp.css */
.gdpr-container[b-djlhiow6tm] {
    max-width: 800px;
    margin: 0 auto;
    padding: 2rem;
}

.gdpr-header[b-djlhiow6tm] {
    text-align: center;
    margin-bottom: 2rem;
}

.gdpr-header h1[b-djlhiow6tm] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 0.5rem;
}

.gdpr-header p[b-djlhiow6tm] {
    color: #64748b;
}

.gdpr-form-card[b-djlhiow6tm] {
    background: white;
    border-radius: 1rem;
    padding: 2rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
}

.info-box[b-djlhiow6tm] {
    background: #eff6ff;
    border-radius: 0.5rem;
    padding: 1.25rem;
    margin-bottom: 2rem;
    border: 1px solid #dbeafe;
}

.info-box h3[b-djlhiow6tm] {
    margin-top: 0;
    color: #1e293b;
    font-size: 1rem;
    font-weight: 600;
}

.info-box ul[b-djlhiow6tm] {
    margin: 0;
    padding-left: 1.25rem;
}

.info-box li[b-djlhiow6tm] {
    margin-bottom: 0.5rem;
    font-size: 0.9375rem;
    color: #475569;
}

.form-section[b-djlhiow6tm] {
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #e2e8f0;
}

.form-section:last-of-type[b-djlhiow6tm] {
    border-bottom: none;
}

.form-section h3[b-djlhiow6tm] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 0.5rem;
}

.section-info[b-djlhiow6tm] {
    color: #64748b;
    font-size: 0.9375rem;
    margin-bottom: 1rem;
}

.form-row[b-djlhiow6tm] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.form-group[b-djlhiow6tm] {
    margin-bottom: 1rem;
}

.form-group label[b-djlhiow6tm] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: #374151;
    font-size: 0.875rem;
}

.form-input[b-djlhiow6tm], .form-textarea[b-djlhiow6tm] {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    font-size: 0.9375rem;
    color: #1e293b;
    transition: all 0.2s;
}

.form-input:focus[b-djlhiow6tm], .form-textarea:focus[b-djlhiow6tm] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
}

.form-textarea[b-djlhiow6tm] {
    resize: vertical;
    min-height: 100px;
}

.request-types[b-djlhiow6tm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
}

.request-type-option[b-djlhiow6tm] {
    display: block;
    cursor: pointer;
    border: 2px solid #e2e8f0;
    border-radius: 0.5rem;
    padding: 1rem;
    transition: all 0.2s;
}

.request-type-option:hover[b-djlhiow6tm] {
    border-color: #0f3a5d;
    background: #f8fafc;
}

.request-type-option.selected[b-djlhiow6tm] {
    border-color: #0f3a5d;
    background: #eff6ff;
}

.request-type-option input[b-djlhiow6tm] {
    display: none;
}

.option-content[b-djlhiow6tm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.25rem;
}

.option-icon[b-djlhiow6tm] {
    font-size: 1.5rem;
    margin-bottom: 0.25rem;
}

.option-content strong[b-djlhiow6tm] {
    color: #1e293b;
    font-size: 0.9375rem;
}

.option-content small[b-djlhiow6tm] {
    color: #64748b;
    font-size: 0.8125rem;
}

.consent-checkbox[b-djlhiow6tm] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    cursor: pointer;
    padding: 1rem;
    background: #f8fafc;
    border-radius: 0.5rem;
    border: 2px solid transparent;
    transition: all 0.2s;
}

.consent-checkbox:hover[b-djlhiow6tm] {
    border-color: #0f3a5d;
}

.consent-checkbox input[b-djlhiow6tm] {
    margin-top: 3px;
    width: 18px;
    height: 18px;
    accent-color: #0f3a5d;
}

.consent-checkbox span[b-djlhiow6tm] {
    font-size: 0.9375rem;
    color: #374151;
}

.error-message[b-djlhiow6tm] {
    background: #fee2e2;
    color: #991b1b;
    padding: 1rem;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
    border: 1px solid #fecaca;
}

.form-actions[b-djlhiow6tm] {
    text-align: center;
}

.btn[b-djlhiow6tm] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 2rem;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
    transition: all 0.2s;
}

.btn-primary[b-djlhiow6tm] {
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    color: white;
}

.btn-primary:hover:not(:disabled)[b-djlhiow6tm] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(15, 58, 93, 0.3);
}

.btn:disabled[b-djlhiow6tm] {
    opacity: 0.6;
    cursor: not-allowed;
}

.processing-note[b-djlhiow6tm] {
    color: #64748b;
    font-size: 0.875rem;
    margin-top: 1rem;
}

.success-card[b-djlhiow6tm] {
    background: white;
    border-radius: 1rem;
    padding: 3rem;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
}

.success-icon[b-djlhiow6tm] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.success-card h2[b-djlhiow6tm] {
    color: #065f46;
    font-weight: 700;
    margin-bottom: 1rem;
}

.success-card p[b-djlhiow6tm] {
    color: #64748b;
    margin-bottom: 0.5rem;
}

.footer-links[b-djlhiow6tm] {
    text-align: center;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e2e8f0;
}

.footer-links a[b-djlhiow6tm] {
    color: #0f3a5d;
    text-decoration: none;
    font-size: 0.9375rem;
    font-weight: 500;
}

.footer-links a:hover[b-djlhiow6tm] {
    color: #1a5fa8;
    text-decoration: underline;
}

.footer-links span[b-djlhiow6tm] {
    color: #d1d5db;
    margin: 0 0.75rem;
}

[b-djlhiow6tm] .validation-message {
    color: #dc2626;
    font-size: 0.8125rem;
    margin-top: 0.25rem;
}

@media (max-width: 768px) {
    .gdpr-container[b-djlhiow6tm] {
        padding: 1rem;
    }
    
    .form-row[b-djlhiow6tm] {
        grid-template-columns: 1fr;
    }
    
    .request-types[b-djlhiow6tm] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/CandidateInfo.razor.rz.scp.css */
/* CandidateInfo Component Styles */
.candidate-info-card h3[b-2d3ac1ebmt] {
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e2e8f0;
}

.detail-row[b-2d3ac1ebmt] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f1f5f9;
}

.detail-row:last-child[b-2d3ac1ebmt] {
    border-bottom: none;
}

.detail-label[b-2d3ac1ebmt] {
    color: #64748b;
    font-size: 0.875rem;
}

.detail-value[b-2d3ac1ebmt] {
    color: #1e293b;
    font-weight: 500;
    font-size: 0.875rem;
}
/* /Components/Shared/DocumentCard.razor.rz.scp.css */
/* DocumentCard Component Styles */
.document-card[b-1531cf2oxz] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: #fffbeb;
    border: 1px solid #fcd34d;
    border-radius: 0.75rem;
    transition: all 0.2s;
}

.document-card:hover[b-1531cf2oxz] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-1px);
}

.document-card.internal-card[b-1531cf2oxz] {
    background: #fef3c7;
    border-color: #f59e0b;
}

.document-icon[b-1531cf2oxz] {
    width: 48px;
    height: 48px;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    flex-shrink: 0;
}

.document-icon.icon-pdf[b-1531cf2oxz] {
    background: #fee2e2;
}

.document-icon.icon-image[b-1531cf2oxz] {
    background: #dbeafe;
}

.document-icon.icon-word[b-1531cf2oxz] {
    background: #e0e7ff;
}

.document-icon.icon-default[b-1531cf2oxz] {
    background: #f3f4f6;
}

.document-icon.internal-icon[b-1531cf2oxz] {
    background: #fde68a;
}

.document-info[b-1531cf2oxz] {
    flex: 1;
    min-width: 0;
}

.document-category[b-1531cf2oxz] {
    font-size: 0.65rem;
    font-weight: 600;
    color: #0f3a5d;
    background: #e0f2fe;
    padding: 0.15rem 0.5rem;
    border-radius: 0.25rem;
    display: inline-block;
    margin-bottom: 0.25rem;
    letter-spacing: 0.5px;
}

.document-name[b-1531cf2oxz] {
    font-weight: 500;
    color: #1e293b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.document-description[b-1531cf2oxz] {
    font-size: 0.8rem;
    color: #64748b;
    margin-top: 0.25rem;
}

.document-meta[b-1531cf2oxz] {
    display: flex;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: #94a3b8;
    margin-top: 0.25rem;
}

.document-actions[b-1531cf2oxz] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Action Icon Buttons */
.btn-action-icon[b-1531cf2oxz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
}

.btn-action-icon svg[b-1531cf2oxz] {
    width: 18px;
    height: 18px;
}

.btn-action-icon.preview[b-1531cf2oxz] {
    background: #e0f2fe;
    color: #0369a1;
}

.btn-action-icon.preview:hover[b-1531cf2oxz] {
    background: #0369a1;
    color: white;
}

.btn-action-icon.download[b-1531cf2oxz] {
    background: #0f3a5d;
    color: white;
}

.btn-action-icon.download:hover[b-1531cf2oxz] {
    background: #1a5fa8;
    transform: translateY(-1px);
}

.btn-action-icon.delete[b-1531cf2oxz] {
    background: #fee2e2;
    color: #dc2626;
}

.btn-action-icon.delete:hover[b-1531cf2oxz] {
    background: #dc2626;
    color: white;
}
/* /Components/Shared/DocumentsSection.razor.rz.scp.css */
/* DocumentsSection Component Styles */
.documents-section[b-awp43sitt6] {
    background: white;
    border-radius: 1rem;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    border: 1px solid #e2e8f0;
}

.documents-section.internal-section[b-awp43sitt6] {
    background: #fffbeb;
    border-color: #fcd34d;
}

.documents-header[b-awp43sitt6] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.documents-header h3[b-awp43sitt6] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
}

.document-count[b-awp43sitt6] {
    background: #0f3a5d;
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
}

.btn-add-internal[b-awp43sitt6] {
    margin-left: auto;
    padding: 0.5rem 1rem;
    background: #0f3a5d;
    color: white;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    font-weight: 500;
    transition: background 0.2s;
}

.btn-add-internal:hover[b-awp43sitt6] {
    background: #1a5fa8;
}

.internal-notice[b-awp43sitt6] {
    font-size: 0.85rem;
    color: #92400e;
    background: #fef3c7;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
}

.documents-grid[b-awp43sitt6] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.download-all-section[b-awp43sitt6] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e2e8f0;
    display: flex;
    justify-content: center;
}

.btn-secondary[b-awp43sitt6] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #cbd5e1;
    border-radius: 0.5rem;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.2s;
}

.btn-secondary:hover[b-awp43sitt6] {
    background: #e2e8f0;
    border-color: #94a3b8;
}

.btn-secondary .btn-icon[b-awp43sitt6] {
    width: 20px;
    height: 20px;
}

.no-documents[b-awp43sitt6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem;
    color: #94a3b8;
    text-align: center;
}

.no-documents-icon[b-awp43sitt6] {
    width: 64px;
    height: 64px;
    background: #f1f5f9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.no-documents-icon svg[b-awp43sitt6] {
    width: 32px;
    height: 32px;
    color: #94a3b8;
}

.no-documents p[b-awp43sitt6] {
    font-weight: 500;
    color: #64748b;
    margin: 0 0 0.5rem 0;
}

.no-documents span[b-awp43sitt6] {
    font-size: 0.875rem;
}
/* /Components/Shared/LoadingSpinner.razor.rz.scp.css */
/* LoadingSpinner Component Styles */
.loading-state[b-85hz52e2vn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: #64748b;
}

.spinner[b-85hz52e2vn] {
    width: 48px;
    height: 48px;
    border: 4px solid #e2e8f0;
    border-top-color: #0f3a5d;
    border-radius: 50%;
    animation: spin-b-85hz52e2vn 1s linear infinite;
    margin-bottom: 1rem;
}

@keyframes spin-b-85hz52e2vn {
    to {
        transform: rotate(360deg);
    }
}
/* /Components/Shared/StatusBadge.razor.rz.scp.css */
/* StatusBadge Component Styles */
.status-badge[b-t7vvvjofvr] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.status-badge.status-pending[b-t7vvvjofvr] {
    background: #fef3c7;
    color: #92400e;
}

.status-badge.status-inprogress[b-t7vvvjofvr] {
    background: #dbeafe;
    color: #1e40af;
}

.status-badge.status-completed[b-t7vvvjofvr] {
    background: #d1fae5;
    color: #065f46;
}

.status-badge.status-rejected[b-t7vvvjofvr] {
    background: #fee2e2;
    color: #991b1b;
}

.status-badge.status-requiresmoreinfo[b-t7vvvjofvr] {
    background: #fce7f3;
    color: #9d174d;
}

.status-badge.status-infoprovided[b-t7vvvjofvr] {
    background: #e0e7ff;
    color: #3730a3;
}