/* _content/SamPro/Components/Dialogs/AddEvidenceDialog.razor.rz.scp.css */
.dialog-form[b-yictpcxdps] {
    padding: 1.5rem;
}

.dialog-form h3[b-yictpcxdps] {
    margin: 0 0 1.5rem 0;
    color: #1976d2;
}

.form-group[b-yictpcxdps] {
    margin-bottom: 1.25rem;
}

.form-group label[b-yictpcxdps] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: #333;
}

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

.importance-label[b-yictpcxdps] {
    text-align: center;
    margin-top: 0.5rem;
    font-weight: bold;
    color: #1976d2;
    font-size: 1.1rem;
}

.dialog-buttons[b-yictpcxdps] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e0e0e0;
}








/* _content/SamPro/Components/Dialogs/AddViolatorDialog.razor.rz.scp.css */
.dialog-form[b-1u7yo7xkmk] {
    padding: 1.5rem;
}

.dialog-form h3[b-1u7yo7xkmk] {
    margin: 0 0 1.5rem 0;
    color: #1976d2;
}

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

.form-group label[b-1u7yo7xkmk] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: #333;
}

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

.dialog-buttons[b-1u7yo7xkmk] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e0e0e0;
}








/* _content/SamPro/Components/Dialogs/EditNarrativeDialog.razor.rz.scp.css */
.edit-narrative-dialog[b-0g26rmmsz5] {
    padding: 1rem;
}

.dialog-body[b-0g26rmmsz5] {
    margin-bottom: 1.5rem;
}

.meta-info[b-0g26rmmsz5] {
    display: flex;
    gap: 2rem;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 8px;
    font-size: 0.9rem;
    color: #7f8c8d;
}

.dialog-footer[b-0g26rmmsz5] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding-top: 1rem;
    border-top: 1px solid #dee2e6;
}

/* _content/SamPro/Components/Dialogs/SaveEvidenceDialog.razor.rz.scp.css */
.dialog-form[b-ndu2y0n6rh] {
    padding: 1.5rem;
    max-width: 600px;
}

.dialog-form h3[b-ndu2y0n6rh] {
    margin: 0 0 1.5rem 0;
    color: #1976d2;
}

.content-preview[b-ndu2y0n6rh] {
    background: #f5f5f5;
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 1.5rem;
}

.content-preview h4[b-ndu2y0n6rh] {
    margin: 0 0 0.5rem 0;
    color: #333;
    font-size: 1.1rem;
}

.content-preview p[b-ndu2y0n6rh] {
    margin: 0;
    color: #666;
    font-size: 0.9rem;
}

.form-group[b-ndu2y0n6rh] {
    margin-bottom: 1.25rem;
}

.form-group label[b-ndu2y0n6rh] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: #333;
}

.importance-label[b-ndu2y0n6rh] {
    text-align: center;
    margin-top: 0.5rem;
    font-weight: bold;
    color: #1976d2;
    font-size: 1.1rem;
}

.dialog-buttons[b-ndu2y0n6rh] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e0e0e0;
}








/* _content/SamPro/Components/Dialogs/ViolatingEntityDialog.razor.rz.scp.css */
.dialog-form[b-cern80u3mk] {
    padding: 1rem;
}

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

.form-group label[b-cern80u3mk] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: #333;
}

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

.dialog-buttons[b-cern80u3mk] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid #e0e0e0;
}








/* _content/SamPro/Components/Dialogs/ViolationCategoryDialog.razor.rz.scp.css */
.dialog-content[b-4x6uz20msz] {
    padding: 1rem;
}

.form-grid[b-4x6uz20msz] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

.form-group[b-4x6uz20msz] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

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

.form-group label[b-4x6uz20msz] {
    font-weight: 600;
    color: #1e3c72;
    font-size: 0.95rem;
}

.form-group small[b-4x6uz20msz] {
    color: #64748b;
    font-size: 0.8rem;
    margin-top: -0.25rem;
}

.full-width[b-4x6uz20msz] {
    width: 100%;
}

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

@media (max-width: 600px) {
    .form-grid[b-4x6uz20msz] {
        grid-template-columns: 1fr;
    }
    
    .form-group.full-width[b-4x6uz20msz] {
        grid-column: span 1;
    }
}







/* _content/SamPro/Components/Dialogs/ViolationFollowupForm.razor.rz.scp.css */
/* Violation Followup Form Modal Styles */
.modal[b-qcmjph7j3i] {
    z-index: 1055;
}

.modal-dialog[b-qcmjph7j3i] {
    max-width: 1200px;
}

.modal-content[b-qcmjph7j3i] {
    border-radius: 15px;
    border: none;
    box-shadow: 0 20px 60px rgba(0,0,0,0.3);
    overflow: hidden;
}

.modal-header[b-qcmjph7j3i] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 15px 15px 0 0;
    border-bottom: none;
    padding: 1.5rem;
}

.modal-title[b-qcmjph7j3i] {
    font-weight: 600;
    font-size: 1.3rem;
}

.modal-body[b-qcmjph7j3i] {
    padding: 2rem;
    max-height: 70vh;
    overflow-y: auto;
}

.modal-footer[b-qcmjph7j3i] {
    background: #f8f9fa;
    border-radius: 0 0 15px 15px;
    border-top: 1px solid #e9ecef;
    padding: 1.5rem;
}

/* Card styles */
.card[b-qcmjph7j3i] {
    border-radius: 12px;
    border: none;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
}

.card:hover[b-qcmjph7j3i] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

.card-header[b-qcmjph7j3i] {
    border-radius: 12px 12px 0 0;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

/* Form controls */
.form-control[b-qcmjph7j3i], .form-select[b-qcmjph7j3i] {
    border-radius: 8px;
    border: 2px solid #e9ecef;
    transition: all 0.3s ease;
    padding: 0.75rem 1rem;
}

.form-control:focus[b-qcmjph7j3i], .form-select:focus[b-qcmjph7j3i] {
    border-color: #667eea;
    box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
    transform: translateY(-1px);
}

.form-label[b-qcmjph7j3i] {
    font-weight: 600;
    color: #495057;
    margin-bottom: 0.5rem;
}

/* Button styles */
.btn[b-qcmjph7j3i] {
    border-radius: 8px;
    font-weight: 500;
    transition: all 0.3s ease;
    padding: 0.75rem 1.5rem;
}

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

.btn-primary[b-qcmjph7j3i] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
}

.btn-primary:hover[b-qcmjph7j3i] {
    background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%);
}

.btn-info[b-qcmjph7j3i] {
    background: linear-gradient(135deg, #17a2b8 0%, #138496 100%);
    border: none;
}

.btn-info:hover[b-qcmjph7j3i] {
    background: linear-gradient(135deg, #138496 0%, #117a8b 100%);
}

/* List group */
.list-group-item[b-qcmjph7j3i] {
    border-radius: 8px;
    margin-bottom: 8px;
    border: 2px solid #e9ecef;
    transition: all 0.3s ease;
    cursor: pointer;
}

.list-group-item:hover[b-qcmjph7j3i] {
    transform: translateX(8px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    border-color: #667eea;
}

.list-group-item.active[b-qcmjph7j3i] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-color: #667eea;
    color: white;
}

/* Alert styles */
.alert[b-qcmjph7j3i] {
    border-radius: 10px;
    border: none;
    padding: 1rem 1.5rem;
}

.alert-success[b-qcmjph7j3i] {
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
    color: #155724;
    border-left: 4px solid #28a745;
}

.alert-info[b-qcmjph7j3i] {
    background: linear-gradient(135deg, #d1ecf1 0%, #bee5eb 100%);
    color: #0c5460;
    border-left: 4px solid #17a2b8;
}

/* File upload area */
.input-file-area[b-qcmjph7j3i] {
    border: 2px dashed #dee2e6;
    border-radius: 10px;
    padding: 2rem;
    text-align: center;
    transition: all 0.3s ease;
    background: #f8f9fa;
}

.input-file-area:hover[b-qcmjph7j3i] {
    border-color: #667eea;
    background: rgba(102, 126, 234, 0.05);
}

/* Animation */
@keyframes fadeInUp-b-qcmjph7j3i {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.modal-content[b-qcmjph7j3i] {
    animation: fadeInUp-b-qcmjph7j3i 0.5s ease-out;
}

/* Responsive design */
@media (max-width: 768px) {
    .modal-dialog[b-qcmjph7j3i] {
        margin: 0.5rem;
        max-width: calc(100% - 1rem);
    }
    
    .modal-body[b-qcmjph7j3i] {
        padding: 1rem;
        max-height: 60vh;
    }
    
    .btn-group[b-qcmjph7j3i] {
        flex-direction: column;
    }
    
    .btn-group .btn[b-qcmjph7j3i] {
        margin: 2px 0;
        width: 100%;
    }
}

/* Custom scrollbar for modal body */
.modal-body[b-qcmjph7j3i]::-webkit-scrollbar {
    width: 8px;
}

.modal-body[b-qcmjph7j3i]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.modal-body[b-qcmjph7j3i]::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 10px;
}

.modal-body[b-qcmjph7j3i]::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%);
}
/* _content/SamPro/Components/Layout/AdminLayout.razor.rz.scp.css */
/* Admin Dashboard Styles */
.admin-dashboard[b-o35fbiw7g6] {
    min-height: 100vh;
    background: #f8fafc;
    display: flex;
    flex-direction: column;
}

/* Admin Layout */
.admin-layout[b-o35fbiw7g6] {
    flex: 1;
    overflow: auto;
    width: 100%;
}

/* Header */
.admin-header[b-o35fbiw7g6] {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
    color: white;
    padding: 1rem 0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    position: sticky;
    top: 0;
    z-index: 1000;
}

.header-content[b-o35fbiw7g6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.logo-section[b-o35fbiw7g6] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.logo-icon[b-o35fbiw7g6] {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
}

.logo-icon svg[b-o35fbiw7g6] {
    width: 28px;
    height: 28px;
}

.logo-text h1[b-o35fbiw7g6] {
    font-size: 1.3rem;
    font-weight: 700;
    margin: 0;
}

.logo-text p[b-o35fbiw7g6] {
    font-size: 0.85rem;
    margin: 0.25rem 0 0;
    opacity: 0.9;
}

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

.user-info[b-o35fbiw7g6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 1rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    backdrop-filter: blur(10px);
}

.user-avatar[b-o35fbiw7g6] {
    width: 40px;
    height: 40px;
    background: white;
    color: #1e3c72;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.1rem;
}

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

.user-name[b-o35fbiw7g6] {
    font-weight: 600;
    font-size: 0.95rem;
}

.user-role[b-o35fbiw7g6] {
    font-size: 0.8rem;
    opacity: 0.9;
}

.lang-toggle[b-o35fbiw7g6] {
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 600;
    font-size: 0.9rem;
}

.lang-toggle:hover[b-o35fbiw7g6] {
    background: rgba(255, 255, 255, 0.25);
}

.btn-logout[b-o35fbiw7g6] {
    background: rgba(220, 38, 38, 0.2);
    border: 1px solid rgba(220, 38, 38, 0.3);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 600;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-logout:hover[b-o35fbiw7g6] {
    background: rgba(220, 38, 38, 0.3);
}

/* Top Menu Bar */
.top-menu-bar[b-o35fbiw7g6] {
    background: white;
    border-bottom: 2px solid #e2e8f0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    position: sticky;
    top: 0;
    z-index: 100;
    padding: 0;
}

/* Radzen Menu Overrides for Layout */
.top-menu-bar[b-o35fbiw7g6]  * {
    color: #1a202c !important;
}

.top-menu-bar[b-o35fbiw7g6]  .rz-menu {
    border: none;
    background: transparent;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}

.top-menu-bar[b-o35fbiw7g6]  .rz-menu-item {
    border: none;
    margin: 0;
    border-radius: 0;
    transition: all 0.3s ease;
    position: relative;
}

.top-menu-bar[b-o35fbiw7g6]  .rz-menu-item-wrapper {
    padding: 15px 25px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 3px solid transparent;
    transition: all 0.3s ease;
}

.top-menu-bar[b-o35fbiw7g6]  .rz-menu-item:hover .rz-menu-item-wrapper {
    background: rgba(42, 82, 152, 0.05);
    border-bottom-color: rgba(42, 82, 152, 0.3);
}

.top-menu-bar[b-o35fbiw7g6]  .rz-menu-item.rz-state-active .rz-menu-item-wrapper,
.top-menu-bar[b-o35fbiw7g6]  .rz-menu-item.rz-state-highlight .rz-menu-item-wrapper {
    background: #2a5298;
    border-bottom-color: #1e3c72;
}

.top-menu-bar[b-o35fbiw7g6]  .rz-menu-item.rz-state-active *,
.top-menu-bar[b-o35fbiw7g6]  .rz-menu-item.rz-state-highlight * {
    color: white !important;
}

/* Main Main Content */
.admin-main[b-o35fbiw7g6] {
    width: 100%;
    /* padding: 2rem; REMOVED PADDING TO LET PAGES CONTOL IT */
    overflow-y: auto;
}

[dir="rtl"] .top-menu-bar[b-o35fbiw7g6]  .rz-menu {
    direction: rtl;
}
/* _content/SamPro/Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-v72xk8xmot] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    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-v72xk8xmot] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/SamPro/Components/Pages/Admin/Analysis/ClassificationDashboard.razor.rz.scp.css */
.classification-dashboard[b-6pv379aamu] {
    padding: 20px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    min-height: 100vh;
}

/* Header */
.dashboard-header[b-6pv379aamu] {
    background: white;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.1);
    margin-bottom: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    animation: slideInDown-b-6pv379aamu 0.5s ease-out;
}

.header-content h1[b-6pv379aamu] {
    margin: 0 0 10px 0;
    color: #2c3e50;
    font-size: 32px;
    font-weight: 700;
}

.header-content p[b-6pv379aamu] {
    margin: 0;
    color: #7f8c8d;
    font-size: 16px;
}

.header-actions[b-6pv379aamu] {
    display: flex;
    gap: 15px;
}

/* Filter Section */
.filter-section[b-6pv379aamu] {
    background: white;
    padding: 25px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    gap: 15px;
    animation: slideInLeft-b-6pv379aamu 0.6s ease-out;
}

.filter-section label[b-6pv379aamu] {
    font-weight: 600;
    color: #34495e;
    font-size: 18px;
    white-space: nowrap;
}

/* Overview Cards */
.overview-section[b-6pv379aamu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.overview-card[b-6pv379aamu] {
    background: white;
    padding: 25px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    gap: 20px;
    transition: all 0.3s ease;
    animation: fadeInUp-b-6pv379aamu 0.6s ease-out;
}

.overview-card:hover[b-6pv379aamu] {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.15);
}

.overview-card .card-icon[b-6pv379aamu] {
    font-size: 48px;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(52, 152, 219, 0.1);
}

.overview-card.total .card-icon[b-6pv379aamu] { background: rgba(52, 152, 219, 0.15); }
.overview-card.male .card-icon[b-6pv379aamu] { background: rgba(46, 204, 113, 0.15); }
.overview-card.female .card-icon[b-6pv379aamu] { background: rgba(155, 89, 182, 0.15); }
.overview-card.critical .card-icon[b-6pv379aamu] { background: rgba(231, 76, 60, 0.15); }

.overview-card .card-data h3[b-6pv379aamu] {
    margin: 0 0 5px 0;
    font-size: 36px;
    font-weight: 700;
    color: #2c3e50;
}

.overview-card .card-data p[b-6pv379aamu] {
    margin: 0;
    color: #7f8c8d;
    font-size: 14px;
}

/* Charts Grid */
.charts-grid[b-6pv379aamu] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
    margin-bottom: 30px;
}

.chart-card[b-6pv379aamu] {
    background: white;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    overflow: hidden;
    transition: all 0.3s ease;
    animation: fadeInUp-b-6pv379aamu 0.7s ease-out;
}

.chart-card:hover[b-6pv379aamu] {
    box-shadow: 0 15px 40px rgba(0,0,0,0.12);
}

.chart-card.full-width[b-6pv379aamu] {
    grid-column: 1 / -1;
}

.chart-header[b-6pv379aamu] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 20px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.chart-header h3[b-6pv379aamu] {
    margin: 0;
    color: white;
    font-size: 20px;
    font-weight: 600;
}

.chart-header .badge[b-6pv379aamu] {
    background: rgba(255,255,255,0.25);
    color: white;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
}

.chart-body[b-6pv379aamu] {
    padding: 25px;
    min-height: 400px;
}

/* Tables Section */
.tables-section[b-6pv379aamu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 25px;
    margin-bottom: 30px;
}

.table-card[b-6pv379aamu] {
    background: white;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    padding: 25px;
    animation: fadeInUp-b-6pv379aamu 0.8s ease-out;
}

.table-card h3[b-6pv379aamu] {
    margin: 0 0 20px 0;
    color: #2c3e50;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 15px;
    border-bottom: 2px solid #ecf0f1;
}

/* Loading */
.loading-container[b-6pv379aamu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 100px 20px;
    background: white;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
}

.loading-container p[b-6pv379aamu] {
    margin-top: 20px;
    color: #7f8c8d;
    font-size: 16px;
}

/* Radzen Customizations */
[b-6pv379aamu] .rz-chart {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}

[b-6pv379aamu] .rz-chart svg {
    min-height: 350px !important;
    height: 100% !important;
}

[b-6pv379aamu] .rz-chart-legend {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 15px !important;
    padding: 15px 0 !important;
    font-size: 13px !important;
}

[b-6pv379aamu] .rz-chart-legend-item {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

[b-6pv379aamu] .rz-chart-axis-title {
    font-size: 14px !important;
    font-weight: 600 !important;
    fill: #34495e !important;
}

[b-6pv379aamu] .rz-chart-axis-label {
    font-size: 12px !important;
    fill: #7f8c8d !important;
}

[b-6pv379aamu] .rz-series-label {
    font-size: 13px !important;
    font-weight: 600 !important;
}

[b-6pv379aamu] .rz-pie-series,
[b-6pv379aamu] .rz-donut-series {
    transform: scale(1.1) !important;
}

/* Data Grid */
[b-6pv379aamu] .rz-datatable {
    border: none !important;
}

[b-6pv379aamu] .rz-datatable-data td {
    padding: 15px !important;
    border-bottom: 1px solid #ecf0f1 !important;
}

[b-6pv379aamu] .rz-datatable-thead th {
    background: #f8f9fa !important;
    padding: 15px !important;
    font-weight: 600 !important;
    color: #2c3e50 !important;
    border-bottom: 2px solid #dee2e6 !important;
}

[b-6pv379aamu] .rz-datatable-data tr:hover {
    background: #f8f9fa !important;
}

/* Animations */
@keyframes slideInDown-b-6pv379aamu {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideInLeft-b-6pv379aamu {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeInUp-b-6pv379aamu {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive */
@media (max-width: 1200px) {
    .charts-grid[b-6pv379aamu] {
        grid-template-columns: 1fr;
    }
    
    .tables-section[b-6pv379aamu] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .dashboard-header[b-6pv379aamu] {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }
    
    .header-content h1[b-6pv379aamu] {
        font-size: 24px;
    }
    
    .filter-section[b-6pv379aamu] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .overview-section[b-6pv379aamu] {
        grid-template-columns: 1fr;
    }
}







/* _content/SamPro/Components/Pages/Admin/Analysis/PivotAnalysis.razor.rz.scp.css */
.pivot-analysis-page[b-sipvyrgy41] {
    padding: 2rem;
    background: #f8f9fa;
    min-height: 100vh;
}

/* Header */
.page-header[b-sipvyrgy41] {
    background: white;
    padding: 2rem;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    margin-bottom: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.header-content h2[b-sipvyrgy41] {
    margin: 0 0 0.5rem 0;
    color: #2c3e50;
    font-size: 1.8rem;
    font-weight: 700;
}

.header-content p[b-sipvyrgy41] {
    margin: 0;
    color: #7f8c8d;
    font-size: 1rem;
}

.header-actions[b-sipvyrgy41] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

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

.stat-card[b-sipvyrgy41] {
    background: white;
    padding: 1.5rem;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    gap: 1rem;
    transition: transform 0.2s, box-shadow 0.2s;
    border-left: 4px solid;
}

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

.stat-card.primary[b-sipvyrgy41] {
    border-left-color: #3498db;
}

.stat-card.danger[b-sipvyrgy41] {
    border-left-color: #e74c3c;
}

.stat-card.success[b-sipvyrgy41] {
    border-left-color: #2ecc71;
}

.stat-card.info[b-sipvyrgy41] {
    border-left-color: #9b59b6;
}

.stat-icon[b-sipvyrgy41] {
    font-size: 2.5rem;
    opacity: 0.8;
}

.stat-content h3[b-sipvyrgy41] {
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
    color: #2c3e50;
}

.stat-content p[b-sipvyrgy41] {
    margin: 0.25rem 0 0 0;
    color: #7f8c8d;
    font-size: 0.9rem;
}

/* Filters Section */
.filters-section[b-sipvyrgy41] {
    background: white;
    padding: 1.5rem;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    margin-bottom: 2rem;
}

/* Pivot Container */
.pivot-container[b-sipvyrgy41] {
    margin-bottom: 2rem;
}

.pivot-container[b-sipvyrgy41]  .rz-datatable-scrollable-body {
    max-height: 600px;
}

/* Category Cell */
.category-cell[b-sipvyrgy41] {
    padding: 0.5rem;
    padding-right: 0.75rem;
    font-weight: 600;
}

/* Badges */
.gender-badge[b-sipvyrgy41] {
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.85rem;
    font-weight: 600;
    display: inline-block;
}

.gender-badge.male[b-sipvyrgy41] {
    background: #e3f2fd;
    color: #1976d2;
}

.gender-badge.female[b-sipvyrgy41] {
    background: #fce4ec;
    color: #c2185b;
}

.severity-badge[b-sipvyrgy41] {
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    color: white;
    font-size: 0.85rem;
    font-weight: 600;
    display: inline-block;
}

.verified-badge[b-sipvyrgy41] {
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    background: #d4edda;
    color: #155724;
    font-size: 0.85rem;
    font-weight: 600;
    display: inline-block;
}

.not-verified-badge[b-sipvyrgy41] {
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    background: #f8d7da;
    color: #721c24;
    font-size: 0.85rem;
    font-weight: 600;
    display: inline-block;
}

.critical-badge[b-sipvyrgy41] {
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    background: #fee;
    color: #c00;
    font-size: 0.85rem;
    font-weight: 700;
    display: inline-block;
}

/* Summary Section */
.summary-section[b-sipvyrgy41] {
    margin-bottom: 2rem;
}

.summary-section h3[b-sipvyrgy41] {
    margin: 0 0 1.5rem 0;
    color: #2c3e50;
    font-size: 1.3rem;
    font-weight: 700;
}

.summary-item[b-sipvyrgy41] {
    margin-bottom: 1.5rem;
}

.summary-item strong[b-sipvyrgy41] {
    display: block;
    margin-bottom: 1rem;
    color: #2c3e50;
    font-size: 1.1rem;
}

.summary-list[b-sipvyrgy41] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.summary-row[b-sipvyrgy41] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background: #f8f9fa;
    border-radius: 8px;
    transition: background 0.2s;
}

.summary-row:hover[b-sipvyrgy41] {
    background: #e9ecef;
}

.summary-row span[b-sipvyrgy41] {
    color: #495057;
}

.summary-row strong[b-sipvyrgy41] {
    color: #2c3e50;
    font-size: 1.1rem;
}

/* Loading Container */
.loading-container[b-sipvyrgy41] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.loading-container p[b-sipvyrgy41] {
    margin-top: 1.5rem;
    color: #7f8c8d;
    font-size: 1.1rem;
}

/* No Data Container */
.no-data-container[b-sipvyrgy41] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.no-data-icon[b-sipvyrgy41] {
    font-size: 4rem;
    opacity: 0.5;
    margin-bottom: 1rem;
}

.no-data-container h3[b-sipvyrgy41] {
    margin: 0 0 0.5rem 0;
    color: #2c3e50;
    font-size: 1.5rem;
}

.no-data-container p[b-sipvyrgy41] {
    margin: 0 0 2rem 0;
    color: #7f8c8d;
    font-size: 1rem;
}

/* RTL Support */
[dir="rtl"] .stat-card[b-sipvyrgy41] {
    border-left: none;
    border-right: 4px solid;
}

[dir="rtl"] .stat-card.primary[b-sipvyrgy41] {
    border-right-color: #3498db;
}

[dir="rtl"] .stat-card.danger[b-sipvyrgy41] {
    border-right-color: #e74c3c;
}

[dir="rtl"] .stat-card.success[b-sipvyrgy41] {
    border-right-color: #2ecc71;
}

[dir="rtl"] .stat-card.info[b-sipvyrgy41] {
    border-right-color: #9b59b6;
}

[dir="rtl"] .category-cell[b-sipvyrgy41] {
    padding-right: 0.5rem;
    padding-left: 0.75rem;
    border-right: 3px solid;
    border-left: none;
}

/* Responsive */
@media (max-width: 768px) {
    .pivot-analysis-page[b-sipvyrgy41] {
        padding: 1rem;
    }

    .page-header[b-sipvyrgy41] {
        padding: 1.5rem;
    }

    .header-content h2[b-sipvyrgy41] {
        font-size: 1.4rem;
    }

    .stats-cards[b-sipvyrgy41] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .stat-card[b-sipvyrgy41] {
        padding: 1rem;
    }

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

    .stat-content h3[b-sipvyrgy41] {
        font-size: 1.5rem;
    }

    .filters-section[b-sipvyrgy41] {
        padding: 1rem;
    }

    .pivot-container[b-sipvyrgy41]  .rz-datatable-scrollable-body {
        max-height: 400px;
    }
}

/* Print Styles */
@media print {
    .header-actions[b-sipvyrgy41],
    .filters-section[b-sipvyrgy41] {
        display: none;
    }

    .pivot-analysis-page[b-sipvyrgy41] {
        padding: 0;
    }

    .page-header[b-sipvyrgy41] {
        box-shadow: none;
        border-bottom: 2px solid #dee2e6;
    }
}

/* _content/SamPro/Components/Pages/Admin/Analysis/TextAnalysis.razor.rz.scp.css */
.text-analysis-page[b-jv3wpeboq9] {
    padding: 2rem;
    background: #f8f9fa;
    min-height: 100vh;
}

/* Header */
.page-header[b-jv3wpeboq9] {
    background: white;
    padding: 2rem;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    margin-bottom: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.header-content h2[b-jv3wpeboq9] {
    margin: 0 0 0.5rem 0;
    color: #2c3e50;
    font-size: 1.8rem;
    font-weight: 700;
}

.header-content p[b-jv3wpeboq9] {
    margin: 0;
    color: #7f8c8d;
    font-size: 1rem;
}

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

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

.stat-card[b-jv3wpeboq9] {
    background: white;
    padding: 1.5rem;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    gap: 1rem;
    transition: transform 0.2s, box-shadow 0.2s;
}

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

.stat-icon[b-jv3wpeboq9] {
    font-size: 2.5rem;
}

.stat-content h3[b-jv3wpeboq9] {
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
    color: #2c3e50;
}

.stat-content p[b-jv3wpeboq9] {
    margin: 0.25rem 0 0 0;
    color: #7f8c8d;
    font-size: 0.9rem;
}

/* Tabs Container */
[b-jv3wpeboq9] .rz-tabview {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

[b-jv3wpeboq9] .rz-tabview-nav {
    background: #f8f9fa;
    border-bottom: 2px solid #e9ecef;
    padding: 0.5rem 1rem;
}

[b-jv3wpeboq9] .rz-tabview-nav li {
    margin-left: 0.5rem;
}

[b-jv3wpeboq9] .rz-tabview-nav li a {
    padding: 0.75rem 1.5rem;
    font-weight: 600;
    color: #7f8c8d;
}

[b-jv3wpeboq9] .rz-tabview-nav li.rz-state-active a {
    color: #3498db;
    border-bottom: 3px solid #3498db;
}

[b-jv3wpeboq9] .rz-tabview-panels {
    min-height: 400px;
}

/* Analysis Section */
.analysis-section[b-jv3wpeboq9] {
    background: white;
    padding: 2rem;
    border-radius: 0;
    box-shadow: none;
    min-height: 300px;
}

.analysis-section h3[b-jv3wpeboq9] {
    margin: 0 0 1.5rem 0;
    color: #2c3e50;
    font-size: 1.3rem;
    font-weight: 700;
}

/* Word Frequency */
.frequency-list[b-jv3wpeboq9] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.frequency-item[b-jv3wpeboq9] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem;
    border-radius: 8px;
    background: #f8f9fa;
    transition: background 0.2s;
}

.frequency-item:hover[b-jv3wpeboq9] {
    background: #e9ecef;
}

.frequency-item .word[b-jv3wpeboq9] {
    min-width: 150px;
    font-weight: 600;
    color: #2c3e50;
}

.bar-container[b-jv3wpeboq9] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 1rem;
    position: relative;
}

.bar[b-jv3wpeboq9] {
    height: 25px;
    background: linear-gradient(90deg, #3498db, #2980b9);
    border-radius: 4px;
    transition: width 0.3s ease;
}

.bar-container .count[b-jv3wpeboq9] {
    min-width: 40px;
    text-align: right;
    font-weight: 700;
    color: #3498db;
}

/* Entity Lists */
.entity-box[b-jv3wpeboq9] {
    background: white;
    padding: 1.5rem;
    border-radius: 12px;
    border-right: 4px solid #3498db;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.entity-box h3[b-jv3wpeboq9] {
    margin: 0 0 1rem 0;
    color: #2c3e50;
    font-size: 1.1rem;
    font-weight: 700;
}

.entity-list[b-jv3wpeboq9] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-height: 400px;
    overflow-y: auto;
}

.entity-item[b-jv3wpeboq9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background: #f8f9fa;
    border-radius: 8px;
    transition: background 0.2s;
}

.entity-item:hover[b-jv3wpeboq9] {
    background: #e9ecef;
}

.entity-name[b-jv3wpeboq9] {
    font-weight: 500;
    color: #2c3e50;
}

.entity-badge[b-jv3wpeboq9] {
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    background: #3498db;
    color: white;
    font-weight: 600;
    font-size: 0.85rem;
}

.entity-badge.hospital[b-jv3wpeboq9] {
    background: #2ecc71;
}

.entity-badge.location[b-jv3wpeboq9] {
    background: #9b59b6;
}

.entity-badge.prison[b-jv3wpeboq9] {
    background: #e74c3c;
}

/* Network Visualization */
.network-controls[b-jv3wpeboq9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.network-controls h3[b-jv3wpeboq9] {
    margin: 0;
}

.controls[b-jv3wpeboq9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.network-container[b-jv3wpeboq9] {
    background: white;
    border: 2px solid #e9ecef;
    border-radius: 12px;
    margin-bottom: 1.5rem;
    overflow: hidden;
}

.network-legend[b-jv3wpeboq9] {
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 8px;
    margin-bottom: 1.5rem;
}

.network-legend h4[b-jv3wpeboq9] {
    margin: 0 0 0.75rem 0;
    color: #2c3e50;
    font-size: 1rem;
    font-weight: 600;
}

.legend-items[b-jv3wpeboq9] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.legend-item[b-jv3wpeboq9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
}

.color-box[b-jv3wpeboq9] {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    display: inline-block;
}

/* Relationships */
.relationships-list[b-jv3wpeboq9] {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 2px solid #e9ecef;
}

.relationships-list h4[b-jv3wpeboq9] {
    margin: 0 0 1rem 0;
    color: #2c3e50;
    font-size: 1.1rem;
    font-weight: 700;
}

.relationships-grid[b-jv3wpeboq9] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1rem;
}

.relationship-item[b-jv3wpeboq9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: #f8f9fa;
    border-radius: 8px;
    border-right: 3px solid #3498db;
}

.entity-1[b-jv3wpeboq9], .entity-2[b-jv3wpeboq9] {
    flex: 1;
    font-weight: 500;
    color: #2c3e50;
    font-size: 0.9rem;
}

.connector[b-jv3wpeboq9] {
    font-size: 1.2rem;
}

.weight[b-jv3wpeboq9] {
    padding: 0.25rem 0.5rem;
    background: #3498db;
    color: white;
    border-radius: 12px;
    font-weight: 700;
    font-size: 0.85rem;
    min-width: 30px;
    text-align: center;
}

/* Loading & No Data */
.loading-container[b-jv3wpeboq9],
.no-data[b-jv3wpeboq9],
.no-network[b-jv3wpeboq9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.no-data-icon[b-jv3wpeboq9] {
    font-size: 4rem;
    opacity: 0.5;
    margin-bottom: 1rem;
}

.no-data h3[b-jv3wpeboq9] {
    margin: 0 0 0.5rem 0;
    color: #2c3e50;
    font-size: 1.5rem;
}

.loading-container p[b-jv3wpeboq9],
.no-data p[b-jv3wpeboq9],
.no-network p[b-jv3wpeboq9] {
    margin-top: 1.5rem;
    color: #7f8c8d;
    font-size: 1.1rem;
    margin-bottom: 1.5rem;
}

/* View Toggles */
.view-toggles[b-jv3wpeboq9] {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
    padding: 1rem 0;
}

.view-toggles .btn[b-jv3wpeboq9] {
    min-width: 150px;
    font-weight: 600;
    transition: all 0.3s ease;
}

/* Word Cloud Container */
.word-cloud-container[b-jv3wpeboq9] {
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 30%, #f5f7fa 100%);
    border: 2px solid #e9ecef;
    border-radius: 12px;
    margin: 1rem 0;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    position: relative;
}

.word-cloud-container[b-jv3wpeboq9]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 70%);
    pointer-events: none;
}

#wordCloudSvg[b-jv3wpeboq9] {
    display: block;
    margin: 0 auto;
}

#wordCloudSvg text[b-jv3wpeboq9] {
    transition: all 0.3s ease;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
}

#wordCloudSvg text:hover[b-jv3wpeboq9] {
    filter: drop-shadow(0 0 8px rgba(52, 152, 219, 0.6));
}

/* Enhanced Network Container - Vis.js */
.network-container[b-jv3wpeboq9] {
    background: white;
    border: 2px solid #e9ecef;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
}

.network-container canvas[b-jv3wpeboq9] {
    border-radius: 10px;
}

/* Vis.js Controls Styling */
.network-container .vis-network[b-jv3wpeboq9] {
    border-radius: 12px;
}

.network-container .vis-navigation[b-jv3wpeboq9] {
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.network-container .vis-button[b-jv3wpeboq9] {
    background: white;
    border: 2px solid #3498db;
    border-radius: 8px;
    color: #3498db;
    transition: all 0.3s ease;
}

.network-container .vis-button:hover[b-jv3wpeboq9] {
    background: #3498db;
    color: white;
    transform: scale(1.1);
}

/* Enhanced Stats Cards with Animation */
.stat-card[b-jv3wpeboq9] {
    animation: slideInUp-b-jv3wpeboq9 0.5s ease-out;
}

@keyframes slideInUp-b-jv3wpeboq9 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.stat-card:nth-child(1)[b-jv3wpeboq9] { animation-delay: 0.1s; }
.stat-card:nth-child(2)[b-jv3wpeboq9] { animation-delay: 0.2s; }
.stat-card:nth-child(3)[b-jv3wpeboq9] { animation-delay: 0.3s; }
.stat-card:nth-child(4)[b-jv3wpeboq9] { animation-delay: 0.4s; }

/* Enhanced Entity Boxes */
.entity-box[b-jv3wpeboq9] {
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.entity-box[b-jv3wpeboq9]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 0;
    background: linear-gradient(180deg, #3498db, #2ecc71);
    transition: height 0.3s ease;
}

.entity-box:hover[b-jv3wpeboq9]::before {
    height: 100%;
}

.entity-box:hover[b-jv3wpeboq9] {
    transform: translateX(-5px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

/* Enhanced Relationship Items */
.relationship-item[b-jv3wpeboq9] {
    transition: all 0.2s ease;
}

.relationship-item:hover[b-jv3wpeboq9] {
    transform: translateX(-3px);
    border-right-width: 5px;
    box-shadow: 0 2px 8px rgba(52, 152, 219, 0.2);
}

/* Enhanced Network Legend */
.network-legend[b-jv3wpeboq9] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border: 1px solid #dee2e6;
}

.legend-item[b-jv3wpeboq9] {
    transition: all 0.2s ease;
}

.legend-item:hover[b-jv3wpeboq9] {
    transform: scale(1.05);
}

/* Loading Animation */
.loading-container[b-jv3wpeboq9] {
    animation: pulse-b-jv3wpeboq9 1.5s ease-in-out infinite;
}

@keyframes pulse-b-jv3wpeboq9 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; }
}

/* Responsive */
@media (max-width: 768px) {
    .text-analysis-page[b-jv3wpeboq9] {
        padding: 1rem;
    }

    .page-header[b-jv3wpeboq9] {
        padding: 1.5rem;
    }

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

    .frequency-item .word[b-jv3wpeboq9] {
        min-width: 100px;
        font-size: 0.9rem;
    }

    .relationships-grid[b-jv3wpeboq9] {
        grid-template-columns: 1fr;
    }

    .network-controls[b-jv3wpeboq9] {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .view-toggles[b-jv3wpeboq9] {
        flex-direction: column;
    }
    
    .view-toggles .btn[b-jv3wpeboq9] {
        width: 100%;
    }
    
    .word-cloud-container[b-jv3wpeboq9] {
        height: 500px;
    }
}

/* _content/SamPro/Components/Pages/Admin/Analysis/ViolationsNetwork.razor.rz.scp.css */
.network-page[b-94ma6zukm8] {
    padding: 20px;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    min-height: 100vh;
}

/* Header */
.network-header[b-94ma6zukm8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    padding: 25px;
    background: white;
    border-radius: 15px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.header-content h1[b-94ma6zukm8] {
    margin: 0 0 10px 0;
    font-size: 2em;
    color: #2c3e50;
    font-weight: 700;
}

.header-content p[b-94ma6zukm8] {
    margin: 0;
    color: #7f8c8d;
    font-size: 1.1em;
}

.header-actions[b-94ma6zukm8] {
    display: flex;
    gap: 10px;
}

/* Filters */
.network-filters[b-94ma6zukm8] {
    display: flex;
    gap: 15px;
    align-items: flex-end;
    margin-bottom: 20px;
    padding: 20px;
    background: white;
    border-radius: 15px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    flex-wrap: wrap;
}

.filter-group[b-94ma6zukm8] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.filter-group label[b-94ma6zukm8] {
    font-weight: 600;
    color: #34495e;
    font-size: 0.9em;
}

/* Main Container */
.network-container[b-94ma6zukm8] {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 20px;
    align-items: start;
}

/* Network Graph Section */
.network-graph-section[b-94ma6zukm8] {
    background: white;
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.graph-toolbar[b-94ma6zukm8] {
    margin-bottom: 15px;
}

.legend h4[b-94ma6zukm8] {
    margin: 0 0 10px 0;
    color: #2c3e50;
    font-size: 1.1em;
}

.legend-items[b-94ma6zukm8] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.legend-item[b-94ma6zukm8] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 15px;
    background: #f8f9fa;
    border-radius: 20px;
}

.legend-shape[b-94ma6zukm8] {
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 2px solid #34495e;
}

.legend-shape.diamond[b-94ma6zukm8] {
    transform: rotate(45deg);
}

.legend-shape.box[b-94ma6zukm8] {
    border-radius: 3px;
}

.legend-shape.circle[b-94ma6zukm8] {
    border-radius: 50%;
}

/* Statistics Panel */
.statistics-panel[b-94ma6zukm8] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-height: 90vh;
    overflow-y: auto;
}

.stat-card[b-94ma6zukm8] {
    background: white;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: transform 0.2s, box-shadow 0.2s;
}

.stat-card:hover[b-94ma6zukm8] {
    transform: translateY(-3px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.stat-card h3[b-94ma6zukm8] {
    margin: 0 0 15px 0;
    color: #2c3e50;
    font-size: 1.2em;
    border-bottom: 2px solid #3498db;
    padding-bottom: 10px;
}

/* Overview Stats */
.stat-card.overview[b-94ma6zukm8] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.stat-card.overview h3[b-94ma6zukm8] {
    color: white;
    border-bottom-color: rgba(255,255,255,0.3);
}

.stat-grid[b-94ma6zukm8] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.stat-item[b-94ma6zukm8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.stat-value[b-94ma6zukm8] {
    font-size: 2em;
    font-weight: 700;
    color: white;
}

.stat-label[b-94ma6zukm8] {
    font-size: 0.9em;
    color: rgba(255,255,255,0.9);
    margin-top: 5px;
}

/* Top Lists */
.top-list[b-94ma6zukm8] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.top-item[b-94ma6zukm8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    background: #f8f9fa;
    border-radius: 8px;
    border-right: 4px solid #3498db;
    transition: background 0.2s;
}

.top-item:hover[b-94ma6zukm8] {
    background: #e8f4f8;
}

.top-info[b-94ma6zukm8] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
}

.top-name[b-94ma6zukm8] {
    font-weight: 600;
    color: #2c3e50;
}

.top-badge[b-94ma6zukm8] {
    background: #3498db;
    color: white;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 0.75em;
}

.top-count[b-94ma6zukm8] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 1.1em;
}

.top-count strong[b-94ma6zukm8] {
    color: #e74c3c;
    font-weight: 700;
}

.top-count small[b-94ma6zukm8] {
    color: #95a5a6;
}

.color-dot[b-94ma6zukm8] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
}

/* Connections List */
.connections-list[b-94ma6zukm8] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.connection-item[b-94ma6zukm8] {
    display: flex;
    gap: 15px;
    padding: 12px;
    background: #f8f9fa;
    border-radius: 8px;
    align-items: center;
}

.connection-strength[b-94ma6zukm8] {
    background: #e74c3c;
    color: white;
    font-weight: 700;
    padding: 8px 15px;
    border-radius: 50%;
    min-width: 45px;
    text-align: center;
}

.connection-desc[b-94ma6zukm8] {
    flex: 1;
    color: #34495e;
    font-size: 0.9em;
    line-height: 1.4;
}

/* Distribution List */
.distribution-list[b-94ma6zukm8] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.dist-item[b-94ma6zukm8] {
    display: flex;
    justify-content: space-between;
    padding: 10px 12px;
    background: #f8f9fa;
    border-radius: 6px;
}

.dist-name[b-94ma6zukm8] {
    color: #2c3e50;
    font-weight: 500;
}

.dist-value[b-94ma6zukm8] {
    background: #3498db;
    color: white;
    padding: 2px 10px;
    border-radius: 12px;
    font-weight: 600;
}

/* Loading Placeholder */
.loading-placeholder[b-94ma6zukm8] {
    padding: 40px;
    text-align: center;
    color: #7f8c8d;
    font-size: 1.1em;
}

/* Responsive */
@media (max-width: 1200px) {
    .network-container[b-94ma6zukm8] {
        grid-template-columns: 1fr;
    }
    
    .statistics-panel[b-94ma6zukm8] {
        max-height: none;
    }
}

@media (max-width: 768px) {
    .network-header[b-94ma6zukm8] {
        flex-direction: column;
        gap: 15px;
    }
    
    .network-filters[b-94ma6zukm8] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .stat-grid[b-94ma6zukm8] {
        grid-template-columns: 1fr;
    }
}

/* Scrollbar Styling */
.statistics-panel[b-94ma6zukm8]::-webkit-scrollbar {
    width: 8px;
}

.statistics-panel[b-94ma6zukm8]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.statistics-panel[b-94ma6zukm8]::-webkit-scrollbar-thumb {
    background: #3498db;
    border-radius: 10px;
}

.statistics-panel[b-94ma6zukm8]::-webkit-scrollbar-thumb:hover {
    background: #2980b9;
}

/* Animation */
@keyframes fadeIn-b-94ma6zukm8 {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.stat-card[b-94ma6zukm8] {
    animation: fadeIn-b-94ma6zukm8 0.3s ease-out;
}

.stat-card:nth-child(1)[b-94ma6zukm8] { animation-delay: 0.1s; }
.stat-card:nth-child(2)[b-94ma6zukm8] { animation-delay: 0.2s; }
.stat-card:nth-child(3)[b-94ma6zukm8] { animation-delay: 0.3s; }
.stat-card:nth-child(4)[b-94ma6zukm8] { animation-delay: 0.4s; }
.stat-card:nth-child(5)[b-94ma6zukm8] { animation-delay: 0.5s; }







/* _content/SamPro/Components/Pages/Admin/Dashboard.razor.rz.scp.css */
/* Admin Dashboard Styles */
.admin-dashboard[b-uqt00jnshg] {
    min-height: 100vh;
    background: #f8fafc;
    display: flex;
    flex-direction: column;
}

/* Admin Layout */
.admin-layout[b-uqt00jnshg] {
    flex: 1;
    overflow: auto;
    width: 100%;
}

/* Top Menu Bar */
.top-menu-bar[b-uqt00jnshg] {
    background: white;
    border-bottom: 2px solid #e2e8f0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    position: sticky;
    top: 0;
    z-index: 100;
    padding: 0;
}

/* Force all menu text and icons to black */
.top-menu-bar[b-uqt00jnshg]  * {
    color: #1a202c !important;
}

/* Top Menu Bar Styling */
.top-menu-bar[b-uqt00jnshg]  .rz-menu {
    border: none;
    background: transparent;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}

.top-menu-bar[b-uqt00jnshg]  .rz-menu-item {
    border: none;
    margin: 0;
    border-radius: 0;
    transition: all 0.3s ease;
    position: relative;
}

.top-menu-bar[b-uqt00jnshg]  .rz-menu-item-wrapper {
    padding: 15px 25px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 3px solid transparent;
    transition: all 0.3s ease;
}

.top-menu-bar[b-uqt00jnshg]  .rz-menu-item:hover .rz-menu-item-wrapper {
    background: rgba(42, 82, 152, 0.05);
    border-bottom-color: rgba(42, 82, 152, 0.3);
}

.top-menu-bar[b-uqt00jnshg]  .rz-menu-item-icon,
.top-menu-bar[b-uqt00jnshg]  .rz-navigation-item-icon,
.top-menu-bar[b-uqt00jnshg]  .rz-navigation-item-icon-children,
.top-menu-bar[b-uqt00jnshg]  i,
.top-menu-bar[b-uqt00jnshg]  .material-icons {
    color: #1a202c !important;
    font-size: 1.2rem;
}

.top-menu-bar[b-uqt00jnshg]  .rz-menu-item-text,
.top-menu-bar[b-uqt00jnshg]  .rz-navigation-item-text,
.top-menu-bar[b-uqt00jnshg]  span {
    color: #1a202c !important;
    font-weight: 500;
    font-size: 0.95rem;
    white-space: nowrap;
}

.top-menu-bar[b-uqt00jnshg]  .rz-menu-item.rz-state-active .rz-menu-item-wrapper,
.top-menu-bar[b-uqt00jnshg]  .rz-menu-item.rz-state-highlight .rz-menu-item-wrapper {
    background: #2a5298;
    border-bottom-color: #1e3c72;
}

.top-menu-bar[b-uqt00jnshg]  .rz-menu-item.rz-state-active *,
.top-menu-bar[b-uqt00jnshg]  .rz-menu-item.rz-state-highlight * {
    color: white !important;
}

.top-menu-bar[b-uqt00jnshg]  .rz-menu-item.rz-state-active .rz-menu-item-icon,
.top-menu-bar[b-uqt00jnshg]  .rz-menu-item.rz-state-active .rz-menu-item-text,
.top-menu-bar[b-uqt00jnshg]  .rz-menu-item.rz-state-highlight .rz-menu-item-icon,
.top-menu-bar[b-uqt00jnshg]  .rz-menu-item.rz-state-highlight .rz-menu-item-text {
    color: white !important;
}

/* Dropdown submenu */
.top-menu-bar[b-uqt00jnshg]  .rz-menu-item .rz-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    border-radius: 8px;
    min-width: 250px;
    z-index: 1000;
}

.top-menu-bar[b-uqt00jnshg]  .rz-menu-item .rz-menu .rz-menu-item-wrapper {
    border-bottom: none;
    border-radius: 4px;
    margin: 5px;
}

.top-menu-bar[b-uqt00jnshg]  .rz-menu-item .rz-menu .rz-menu-item-text {
    color: #1a202c !important;
}

.top-menu-bar[b-uqt00jnshg]  .rz-menu-item .rz-menu .rz-menu-item-icon {
    color: #2a5298 !important;
}

.top-menu-bar[b-uqt00jnshg]  .rz-menu-item .rz-menu .rz-menu-item:hover .rz-menu-item-text {
    color: #1a202c !important;
}

[dir="rtl"] .top-menu-bar[b-uqt00jnshg]  .rz-menu {
    direction: rtl;
}

[dir="rtl"] .top-menu-bar[b-uqt00jnshg]  .rz-menu-item .rz-menu {
    right: 0;
    left: auto;
}


/* Header */
.admin-header[b-uqt00jnshg] {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
    color: white;
    padding: 1rem 0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    position: sticky;
    top: 0;
    z-index: 1000;
}

.header-content[b-uqt00jnshg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.logo-section[b-uqt00jnshg] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.logo-icon[b-uqt00jnshg] {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
}

.logo-icon svg[b-uqt00jnshg] {
    width: 28px;
    height: 28px;
}

.logo-text h1[b-uqt00jnshg] {
    font-size: 1.3rem;
    font-weight: 700;
    margin: 0;
}

.logo-text p[b-uqt00jnshg] {
    font-size: 0.85rem;
    margin: 0.25rem 0 0;
    opacity: 0.9;
}

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

.user-info[b-uqt00jnshg] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 1rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    backdrop-filter: blur(10px);
}

.user-avatar[b-uqt00jnshg] {
    width: 40px;
    height: 40px;
    background: white;
    color: #1e3c72;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.1rem;
}

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

.user-name[b-uqt00jnshg] {
    font-weight: 600;
    font-size: 0.95rem;
}

.user-role[b-uqt00jnshg] {
    font-size: 0.8rem;
    opacity: 0.9;
}

.lang-toggle[b-uqt00jnshg] {
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 600;
    font-size: 0.9rem;
}

.lang-toggle:hover[b-uqt00jnshg] {
    background: rgba(255, 255, 255, 0.25);
}

.btn-logout[b-uqt00jnshg] {
    background: rgba(220, 38, 38, 0.2);
    border: 1px solid rgba(220, 38, 38, 0.3);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 600;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-logout:hover[b-uqt00jnshg] {
    background: rgba(220, 38, 38, 0.3);
}

.btn-logout svg[b-uqt00jnshg] {
    width: 18px;
    height: 18px;
}

/* Main Content */
.admin-main[b-uqt00jnshg] {
    width: 100%;
    padding: 2rem;
    overflow-y: auto;
}

/* Dashboard Cards */
.dashboard-cards[b-uqt00jnshg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.dash-card[b-uqt00jnshg] {
    background: white;
    border-radius: 15px;
    padding: 25px;
    display: flex;
    align-items: center;
    gap: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transition: transform 0.2s, box-shadow 0.2s;
    border-right: 4px solid;
}

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

.dash-card.primary[b-uqt00jnshg] {
    border-right-color: #3498db;
}

.dash-card.danger[b-uqt00jnshg] {
    border-right-color: #e74c3c;
}

.dash-card.warning[b-uqt00jnshg] {
    border-right-color: #f39c12;
}

.dash-card.success[b-uqt00jnshg] {
    border-right-color: #2ecc71;
}

.dash-card .card-icon[b-uqt00jnshg] {
    font-size: 3em;
}

.dash-card .card-data h3[b-uqt00jnshg] {
    margin: 0 0 5px 0;
    font-size: 2.5em;
    font-weight: 700;
    color: #2c3e50;
}

.dash-card .card-data p[b-uqt00jnshg] {
    margin: 0;
    color: #7f8c8d;
    font-size: 1em;
}

/* Classification Statistics */
.classification-stats[b-uqt00jnshg] {
    background: white;
    border-radius: 15px;
    padding: 30px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    margin-bottom: 30px;
}

.stats-header h3[b-uqt00jnshg] {
    margin: 0 0 25px 0;
    font-size: 1.5em;
    color: #2c3e50;
    font-weight: 600;
    border-bottom: 2px solid #ecf0f1;
    padding-bottom: 15px;
}

.classification-grid[b-uqt00jnshg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.classification-card[b-uqt00jnshg] {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 20px;
    border-right: 5px solid;
    transition: transform 0.2s, box-shadow 0.2s;
}

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

.classification-header[b-uqt00jnshg] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
}

.classification-icon[b-uqt00jnshg] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5em;
    color: white;
}

.classification-header h4[b-uqt00jnshg] {
    margin: 0;
    font-size: 1.1em;
    color: #2c3e50;
    font-weight: 600;
    flex: 1;
}

.classification-body[b-uqt00jnshg] {
    text-align: center;
}

.classification-body .big-number[b-uqt00jnshg] {
    font-size: 3em;
    font-weight: 700;
    color: #2c3e50;
    margin: 10px 0;
}

.classification-body .percentage[b-uqt00jnshg] {
    font-size: 1.2em;
    color: #7f8c8d;
    margin-bottom: 15px;
}

.progress-bar[b-uqt00jnshg] {
    width: 100%;
    height: 8px;
    background: #e0e0e0;
    border-radius: 10px;
    overflow: hidden;
}

.progress-fill[b-uqt00jnshg] {
    height: 100%;
    border-radius: 10px;
    transition: width 0.5s ease;
}

/* Quick Stats */
.quick-stats[b-uqt00jnshg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.stat-box[b-uqt00jnshg] {
    background: white;
    border-radius: 15px;
    padding: 25px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.stat-box h4[b-uqt00jnshg] {
    margin: 0 0 20px 0;
    font-size: 1.2em;
    color: #2c3e50;
    font-weight: 600;
    border-bottom: 2px solid #ecf0f1;
    padding-bottom: 10px;
}

.stat-row[b-uqt00jnshg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #f8f9fa;
}

.stat-row:last-child[b-uqt00jnshg] {
    border-bottom: none;
}

.stat-row span[b-uqt00jnshg] {
    color: #334155;
    font-size: 0.95em;
}

.stat-row strong[b-uqt00jnshg] {
    color: #e74c3c;
    font-size: 1.2em;
    font-weight: 700;
}

/* Loading State */
.loading-state[b-uqt00jnshg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 100px;
    background: white;
    border-radius: 15px;
}

.loading-state p[b-uqt00jnshg] {
    margin-top: 20px;
    color: #7f8c8d;
    font-size: 1.1em;
}

/* Animations */
@keyframes slideUp-b-uqt00jnshg {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.dash-card[b-uqt00jnshg],
.classification-card[b-uqt00jnshg],
.stat-box[b-uqt00jnshg] {
    animation: slideUp-b-uqt00jnshg 0.5s ease-out;
}

.dash-card:nth-child(1)[b-uqt00jnshg] { animation-delay: 0.1s; }
.dash-card:nth-child(2)[b-uqt00jnshg] { animation-delay: 0.2s; }
.dash-card:nth-child(3)[b-uqt00jnshg] { animation-delay: 0.3s; }
.dash-card:nth-child(4)[b-uqt00jnshg] { animation-delay: 0.4s; }

.container[b-uqt00jnshg] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 2rem;
}

.page-header[b-uqt00jnshg] {
    margin-bottom: 2rem;
}

.page-header h2[b-uqt00jnshg] {
    font-size: 2rem;
    color: #1e3c72;
    margin: 0 0 0.5rem;
    font-weight: 700;
}

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

/* Card */
.card[b-uqt00jnshg] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.card-header[b-uqt00jnshg] {
    padding: 1.5rem 2rem;
    background: linear-gradient(to right, #f8fafc 0%, white 100%);
    border-bottom: 2px solid #e2e8f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.card-header h3[b-uqt00jnshg] {
    font-size: 1.4rem;
    color: #1e3c72;
    margin: 0;
    font-weight: 700;
}

.btn[b-uqt00jnshg] {
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 10px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-primary[b-uqt00jnshg] {
    background: linear-gradient(135deg, #2a5298 0%, #1e3c72 100%);
    color: white;
    box-shadow: 0 4px 12px rgba(30, 60, 114, 0.3);
}

.btn-primary:hover[b-uqt00jnshg] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(30, 60, 114, 0.4);
}

.btn-primary svg[b-uqt00jnshg] {
    width: 18px;
    height: 18px;
}

.card-body[b-uqt00jnshg] {
    padding: 0;
}

/* Table */
.table-responsive[b-uqt00jnshg] {
    overflow-x: auto;
}

.users-table[b-uqt00jnshg] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.users-table thead[b-uqt00jnshg] {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
    color: white;
}

.users-table th[b-uqt00jnshg] {
    padding: 1rem;
    text-align: right;
    font-weight: 600;
    white-space: nowrap;
    position: sticky;
    top: 0;
}

.users-table tbody tr[b-uqt00jnshg] {
    border-bottom: 1px solid #e2e8f0;
    transition: all 0.3s ease;
}

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

.users-table tbody tr.inactive[b-uqt00jnshg] {
    opacity: 0.6;
}

.users-table td[b-uqt00jnshg] {
    padding: 1rem;
    text-align: right;
    color: #475569;
    white-space: nowrap;
}

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

.user-avatar-small[b-uqt00jnshg] {
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, #2a5298 0%, #1e3c72 100%);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.9rem;
    flex-shrink: 0;
}

.users-table code[b-uqt00jnshg] {
    background: #f1f5f9;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    color: #1e3c72;
    font-size: 0.85rem;
}

.badge[b-uqt00jnshg] {
    padding: 0.375rem 0.75rem;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 600;
    white-space: nowrap;
}

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

.badge-success[b-uqt00jnshg] {
    background: #dcfce7;
    color: #166534;
}

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

.badge-info[b-uqt00jnshg] {
    background: #e0e7ff;
    color: #3730a3;
}

.badge-secondary[b-uqt00jnshg] {
    background: #f1f5f9;
    color: #475569;
}

.status-badge[b-uqt00jnshg] {
    padding: 0.375rem 0.75rem;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 600;
    white-space: nowrap;
}

.status-badge.active[b-uqt00jnshg] {
    background: #dcfce7;
    color: #166534;
}

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

.action-buttons[b-uqt00jnshg] {
    display: flex;
    gap: 0.5rem;
}

.btn-icon[b-uqt00jnshg] {
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

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

.btn-edit[b-uqt00jnshg] {
    background: #dbeafe;
    color: #1e40af;
}

.btn-edit:hover[b-uqt00jnshg] {
    background: #bfdbfe;
    transform: scale(1.1);
}

.btn-delete[b-uqt00jnshg] {
    background: #fee2e2;
    color: #991b1b;
}

.btn-delete:hover[b-uqt00jnshg] {
    background: #fecaca;
    transform: scale(1.1);
}

/* RTL Support */
[dir="ltr"] .users-table th[b-uqt00jnshg],
[dir="ltr"] .users-table td[b-uqt00jnshg] {
    text-align: left;
}

[dir="rtl"] .users-table th[b-uqt00jnshg],
[dir="rtl"] .users-table td[b-uqt00jnshg] {
    text-align: right;
}

/* Responsive */
@media (max-width: 1024px) {
    .header-content[b-uqt00jnshg] {
        flex-direction: column;
        align-items: flex-start;
    }

    .admin-layout[b-uqt00jnshg] {
        flex-direction: column;
    }

    .admin-sidebar[b-uqt00jnshg] {
        width: 100%;
        height: auto;
        position: relative;
        border-left: none;
        border-bottom: 1px solid #e2e8f0;
    }

    .admin-main[b-uqt00jnshg] {
        height: auto;
    }

    .users-table[b-uqt00jnshg] {
        font-size: 0.85rem;
    }

    .users-table th[b-uqt00jnshg],
    .users-table td[b-uqt00jnshg] {
        padding: 0.75rem 0.5rem;
    }
}

@media (max-width: 768px) {
    .admin-main[b-uqt00jnshg] {
        padding: 1rem 0;
    }

    .container[b-uqt00jnshg] {
        padding: 0 1rem;
    }

    .card-header[b-uqt00jnshg] {
        padding: 1rem;
        flex-direction: column;
        align-items: flex-start;
    }

    .btn[b-uqt00jnshg] {
        width: 100%;
        justify-content: center;
    }

    .user-info[b-uqt00jnshg] {
        font-size: 0.85rem;
    }

    .admin-sidebar[b-uqt00jnshg] {
        box-shadow: none;
    }
}

/* _content/SamPro/Components/Pages/Admin/Data/ExcelImport.razor.rz.scp.css */
.excel-import-page[b-d2ek3zc5a4] {
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
    background: #f8f9fa;
    min-height: 100vh;
}

/* Header */
.page-header[b-d2ek3zc5a4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    padding: 1.5rem;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.header-content h2[b-d2ek3zc5a4] {
    margin: 0 0 0.5rem 0;
    color: #2c3e50;
    font-size: 1.8rem;
}

.header-content p[b-d2ek3zc5a4] {
    margin: 0;
    color: #7f8c8d;
    font-size: 1rem;
}

/* Import Steps */
.import-steps[b-d2ek3zc5a4] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
    padding: 2rem;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.step[b-d2ek3zc5a4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    position: relative;
    opacity: 0.5;
}

.step[b-d2ek3zc5a4]::after {
    content: '';
    position: absolute;
    top: 20px;
    right: -50%;
    width: 100%;
    height: 2px;
    background: #e0e0e0;
    z-index: 0;
}

.step:last-child[b-d2ek3zc5a4]::after {
    display: none;
}

.step.active[b-d2ek3zc5a4] {
    opacity: 1;
}

.step.completed[b-d2ek3zc5a4] {
    opacity: 1;
}

.step.completed .step-number[b-d2ek3zc5a4] {
    background: #27ae60;
}

.step.completed[b-d2ek3zc5a4]::after {
    background: #27ae60;
}

.step-number[b-d2ek3zc5a4] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #e0e0e0;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
    z-index: 1;
    position: relative;
}

.step.active .step-number[b-d2ek3zc5a4] {
    background: #3498db;
    animation: pulse-b-d2ek3zc5a4 2s infinite;
}

@keyframes pulse-b-d2ek3zc5a4 {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

.step-title[b-d2ek3zc5a4] {
    font-weight: 500;
    color: #2c3e50;
    text-align: center;
}

/* Loading */
.loading-container[b-d2ek3zc5a4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.loading-container p[b-d2ek3zc5a4] {
    margin-top: 1.5rem;
    color: #7f8c8d;
    font-size: 1.1rem;
}

/* Step Content */
.step-content[b-d2ek3zc5a4] {
    background: white;
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

/* File Upload Section */
.file-upload-section[b-d2ek3zc5a4] {
    margin-bottom: 2rem;
}

.upload-area[b-d2ek3zc5a4] {
    border: 3px dashed #bdc3c7;
    border-radius: 12px;
    padding: 3rem;
    text-align: center;
    transition: all 0.3s ease;
    background: #f8f9fa;
    position: relative;
}

.upload-area.dragging[b-d2ek3zc5a4] {
    border-color: #3498db;
    background: #ebf5fb;
    transform: scale(1.02);
}

.upload-area:hover[b-d2ek3zc5a4] {
    border-color: #3498db;
}

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

.upload-area h3[b-d2ek3zc5a4] {
    margin: 0 0 0.5rem 0;
    color: #2c3e50;
}

.upload-area p[b-d2ek3zc5a4] {
    color: #7f8c8d;
    margin-bottom: 1.5rem;
}

.file-input[b-d2ek3zc5a4] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.file-hint[b-d2ek3zc5a4] {
    margin-top: 1rem;
    font-size: 0.9rem;
    color: #95a5a6;
}

/* File Info */
.file-info[b-d2ek3zc5a4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.5rem;
    padding: 1.5rem;
    background: #d5f4e6;
    border-radius: 8px;
    border: 1px solid #27ae60;
}

.file-details[b-d2ek3zc5a4] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.file-details .icon[b-d2ek3zc5a4] {
    font-size: 2rem;
}

.file-details strong[b-d2ek3zc5a4] {
    display: block;
    color: #2c3e50;
    margin-bottom: 0.25rem;
}

.file-details p[b-d2ek3zc5a4] {
    margin: 0;
    color: #7f8c8d;
    font-size: 0.9rem;
}

/* Template Section */
.template-section[b-d2ek3zc5a4] {
    background: #ebf5fb;
    padding: 1.5rem;
    border-radius: 8px;
    border: 1px solid #3498db;
}

.template-section h3[b-d2ek3zc5a4] {
    margin: 0 0 1rem 0;
    color: #2c3e50;
}

.template-section p[b-d2ek3zc5a4] {
    margin: 0 0 1rem 0;
    color: #34495e;
}

.template-columns[b-d2ek3zc5a4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.column-badge[b-d2ek3zc5a4] {
    background: #3498db;
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 500;
}

/* Mapping Section */
.mapping-header[b-d2ek3zc5a4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #ecf0f1;
}

.mapping-header h3[b-d2ek3zc5a4] {
    margin: 0;
    color: #2c3e50;
}

.mapping-actions[b-d2ek3zc5a4] {
    display: flex;
    gap: 0.5rem;
}

/* Mapping Grid */
.mapping-grid[b-d2ek3zc5a4] {
    margin-bottom: 2rem;
}

.mapping-grid-header[b-d2ek3zc5a4] {
    display: grid;
    grid-template-columns: 2fr auto 3fr 100px;
    gap: 1rem;
    padding: 1rem;
    background: #ecf0f1;
    border-radius: 8px;
    font-weight: bold;
    color: #2c3e50;
    margin-bottom: 1rem;
}

.mapping-row[b-d2ek3zc5a4] {
    display: grid;
    grid-template-columns: 2fr auto 3fr 100px;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid #ecf0f1;
    align-items: center;
}

.mapping-row:hover[b-d2ek3zc5a4] {
    background: #f8f9fa;
}

.excel-column[b-d2ek3zc5a4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.column-icon[b-d2ek3zc5a4] {
    font-size: 1.2rem;
}

.arrow[b-d2ek3zc5a4] {
    font-size: 1.5rem;
    color: #3498db;
    font-weight: bold;
}

.required-indicator[b-d2ek3zc5a4] {
    text-align: center;
}

.required-badge[b-d2ek3zc5a4] {
    background: #e74c3c;
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.85rem;
    font-weight: 500;
}

/* Mapping Footer */
.mapping-footer[b-d2ek3zc5a4] {
    display: flex;
    justify-content: space-between;
    padding-top: 1.5rem;
    border-top: 2px solid #ecf0f1;
}

/* Preview Section */
.preview-header[b-d2ek3zc5a4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #ecf0f1;
}

.preview-header h3[b-d2ek3zc5a4] {
    margin: 0;
    color: #2c3e50;
}

.preview-stats[b-d2ek3zc5a4] {
    display: flex;
    gap: 1rem;
}

.preview-stats .stat[b-d2ek3zc5a4] {
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-weight: 500;
    font-size: 0.9rem;
}

.preview-stats .stat.valid[b-d2ek3zc5a4] {
    background: #d5f4e6;
    color: #27ae60;
}

.preview-stats .stat.invalid[b-d2ek3zc5a4] {
    background: #fdecea;
    color: #e74c3c;
}

/* Preview Table */
.preview-table[b-d2ek3zc5a4] {
    margin-bottom: 2rem;
}

.status-badge[b-d2ek3zc5a4] {
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.85rem;
    font-weight: 500;
}

.status-badge.success[b-d2ek3zc5a4] {
    background: #d5f4e6;
    color: #27ae60;
}

.status-badge.warning[b-d2ek3zc5a4] {
    background: #fdecea;
    color: #e74c3c;
}

/* Preview Footer */
.preview-footer[b-d2ek3zc5a4] {
    display: flex;
    justify-content: space-between;
    padding-top: 1.5rem;
    border-top: 2px solid #ecf0f1;
}

/* Import Section */
.import-confirmation[b-d2ek3zc5a4] {
    text-align: center;
    padding: 3rem;
}

.confirmation-icon[b-d2ek3zc5a4] {
    font-size: 5rem;
    margin-bottom: 1rem;
}

.import-confirmation h3[b-d2ek3zc5a4] {
    margin: 0 0 1rem 0;
    color: #2c3e50;
    font-size: 1.8rem;
}

.import-confirmation p[b-d2ek3zc5a4] {
    margin: 0.5rem 0;
    color: #7f8c8d;
    font-size: 1.1rem;
}

.warning-text[b-d2ek3zc5a4] {
    color: #e67e22 !important;
    font-weight: 500;
    margin-top: 1.5rem !important;
}

.confirmation-actions[b-d2ek3zc5a4] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 2rem;
}

/* Import Result */
.import-result[b-d2ek3zc5a4] {
    text-align: center;
    padding: 2rem;
}

.result-icon[b-d2ek3zc5a4] {
    font-size: 5rem;
    margin-bottom: 1rem;
}

.result-icon.success[b-d2ek3zc5a4] {
    color: #27ae60;
}

.result-icon.warning[b-d2ek3zc5a4] {
    color: #f39c12;
}

.import-result h3[b-d2ek3zc5a4] {
    margin: 0 0 2rem 0;
    color: #2c3e50;
    font-size: 1.8rem;
}

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

.result-stats .stat-card[b-d2ek3zc5a4] {
    background: #f8f9fa;
    padding: 1.5rem;
    border-radius: 12px;
    border: 2px solid #ecf0f1;
}

.result-stats .stat-card.success[b-d2ek3zc5a4] {
    background: #d5f4e6;
    border-color: #27ae60;
}

.result-stats .stat-card.error[b-d2ek3zc5a4] {
    background: #fdecea;
    border-color: #e74c3c;
}

.result-stats .stat-card.info[b-d2ek3zc5a4] {
    background: #ebf5fb;
    border-color: #3498db;
}

.stat-value[b-d2ek3zc5a4] {
    font-size: 2.5rem;
    font-weight: bold;
    color: #2c3e50;
    margin-bottom: 0.5rem;
}

.stat-label[b-d2ek3zc5a4] {
    color: #7f8c8d;
    font-size: 1rem;
}

/* Errors Section */
.errors-section[b-d2ek3zc5a4] {
    margin-top: 2rem;
    text-align: right;
}

.errors-section h4[b-d2ek3zc5a4] {
    margin: 0 0 1rem 0;
    color: #e74c3c;
}

.errors-list[b-d2ek3zc5a4] {
    background: #fdecea;
    border: 1px solid #e74c3c;
    border-radius: 8px;
    padding: 1rem;
    max-height: 300px;
    overflow-y: auto;
}

.error-item[b-d2ek3zc5a4] {
    padding: 0.75rem;
    background: white;
    border-radius: 4px;
    margin-bottom: 0.5rem;
}

.error-item:last-child[b-d2ek3zc5a4] {
    margin-bottom: 0;
}

.error-item strong[b-d2ek3zc5a4] {
    color: #e74c3c;
}

.error-data[b-d2ek3zc5a4] {
    margin-top: 0.5rem;
    padding: 0.5rem;
    background: #f8f9fa;
    border-radius: 4px;
    font-size: 0.85rem;
    color: #7f8c8d;
    font-family: monospace;
}

.more-errors[b-d2ek3zc5a4] {
    text-align: center;
    margin: 1rem 0 0 0;
    color: #e74c3c;
    font-weight: 500;
}

/* Result Actions */
.result-actions[b-d2ek3zc5a4] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 2rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    .excel-import-page[b-d2ek3zc5a4] {
        padding: 1rem;
    }

    .page-header[b-d2ek3zc5a4] {
        flex-direction: column;
        gap: 1rem;
    }

    .import-steps[b-d2ek3zc5a4] {
        padding: 1rem;
    }

    .step-title[b-d2ek3zc5a4] {
        font-size: 0.85rem;
    }

    .mapping-grid-header[b-d2ek3zc5a4],
    .mapping-row[b-d2ek3zc5a4] {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }

    .arrow[b-d2ek3zc5a4] {
        transform: rotate(90deg);
        text-align: center;
    }

    .result-stats[b-d2ek3zc5a4] {
        grid-template-columns: repeat(2, 1fr);
    }

    .mapping-footer[b-d2ek3zc5a4],
    .preview-footer[b-d2ek3zc5a4],
    .confirmation-actions[b-d2ek3zc5a4],
    .result-actions[b-d2ek3zc5a4] {
        flex-direction: column;
    }
}

/* Import Progress Styles */
.import-progress[b-d2ek3zc5a4] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
    padding: 2rem;
}

.progress-container[b-d2ek3zc5a4] {
    background: white;
    border-radius: 16px;
    padding: 3rem;
    box-shadow: 0 8px 32px rgba(0,0,0,0.1);
    text-align: center;
    max-width: 500px;
    width: 100%;
    border: 2px solid #e3f2fd;
}

.progress-icon[b-d2ek3zc5a4] {
    font-size: 4rem;
    margin-bottom: 1rem;
    animation: pulse-b-d2ek3zc5a4 2s infinite;
}

@keyframes pulse-b-d2ek3zc5a4 {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.progress-container h3[b-d2ek3zc5a4] {
    color: #1976d2;
    margin: 0 0 1rem 0;
    font-size: 1.5rem;
    font-weight: 600;
}

.progress-message[b-d2ek3zc5a4] {
    color: #666;
    margin: 0 0 2rem 0;
    font-size: 1rem;
    line-height: 1.5;
}

/* Progress Bar */
.progress-bar-container[b-d2ek3zc5a4] {
    margin: 2rem 0;
    position: relative;
}

.progress-bar[b-d2ek3zc5a4] {
    width: 100%;
    height: 12px;
    background: #e0e0e0;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
}

.progress-fill[b-d2ek3zc5a4] {
    height: 100%;
    background: linear-gradient(90deg, #4caf50, #8bc34a);
    border-radius: 6px;
    transition: width 0.3s ease;
    position: relative;
}

.progress-fill[b-d2ek3zc5a4]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
    animation: shimmer-b-d2ek3zc5a4 2s infinite;
}

@keyframes shimmer-b-d2ek3zc5a4 {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}

.progress-text[b-d2ek3zc5a4] {
    position: absolute;
    top: -30px;
    right: 0;
    font-weight: 600;
    color: #1976d2;
    font-size: 0.9rem;
}

/* Counters */
.progress-counters[b-d2ek3zc5a4] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2rem 0;
    gap: 1rem;
}

.counter-item[b-d2ek3zc5a4] {
    text-align: center;
}

.counter-value[b-d2ek3zc5a4] {
    font-size: 2.5rem;
    font-weight: 700;
    color: #1976d2;
    line-height: 1;
    margin-bottom: 0.25rem;
}

.counter-label[b-d2ek3zc5a4] {
    font-size: 0.9rem;
    color: #666;
    font-weight: 500;
}

.counter-separator[b-d2ek3zc5a4] {
    font-size: 2rem;
    color: #ccc;
    font-weight: 300;
}

/* Progress Stats */
.progress-stats[b-d2ek3zc5a4] {
    display: flex;
    justify-content: space-around;
    margin: 2rem 0;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 8px;
}

.stat-item[b-d2ek3zc5a4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.stat-icon[b-d2ek3zc5a4] {
    font-size: 1.2rem;
}

.stat-text[b-d2ek3zc5a4] {
    font-size: 0.9rem;
    color: #666;
    font-weight: 500;
}

/* Warning */
.progress-warning[b-d2ek3zc5a4] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 2rem;
    padding: 1rem;
    background: #fff3cd;
    border: 1px solid #ffeaa7;
    border-radius: 8px;
    color: #856404;
    font-size: 0.9rem;
}

.warning-icon[b-d2ek3zc5a4] {
    font-size: 1.1rem;
}

/* Responsive */
@media (max-width: 768px) {
    .progress-container[b-d2ek3zc5a4] {
        padding: 2rem 1.5rem;
        margin: 1rem;
    }
    
    .progress-counters[b-d2ek3zc5a4] {
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .counter-separator[b-d2ek3zc5a4] {
        transform: rotate(90deg);
    }
    
    .progress-stats[b-d2ek3zc5a4] {
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .counter-value[b-d2ek3zc5a4] {
        font-size: 2rem;
    }
}





/* _content/SamPro/Components/Pages/Admin/DossierDetails.razor.rz.scp.css */
.dossier-details-page[b-0o7bwnoi9i] {
    min-height: 100vh;
    background: linear-gradient(135deg, #f8fafc 0%, #e0e7ff 100%);
    padding: 0;
}

/* Loading & Error Screens */
.loading-screen[b-0o7bwnoi9i],
.error-screen[b-0o7bwnoi9i] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 40px;
    text-align: center;
}

.loading-screen p[b-0o7bwnoi9i] {
    margin-top: 24px;
    color: #6b7280;
    font-size: 18px;
}

.error-icon[b-0o7bwnoi9i] {
    width: 120px;
    height: 120px;
    background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 60px;
    color: #dc2626;
    margin-bottom: 24px;
}

.error-screen h2[b-0o7bwnoi9i] {
    font-size: 28px;
    font-weight: 700;
    color: #111827;
    margin: 0 0 12px 0;
}

.error-screen p[b-0o7bwnoi9i] {
    font-size: 16px;
    color: #6b7280;
    margin: 0 0 24px 0;
}

/* Page Header */
.page-header[b-0o7bwnoi9i] {
    background: white;
    padding: 20px 40px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 100;
}

.header-navigation[b-0o7bwnoi9i] {
    display: flex;
    align-items: center;
    gap: 20px;
}

.back-btn[b-0o7bwnoi9i] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: #f3f4f6;
    border: none;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #374151;
    cursor: pointer;
    transition: all 0.2s;
}

.back-btn:hover[b-0o7bwnoi9i] {
    background: #e5e7eb;
    transform: translateX(4px);
}

.breadcrumb[b-0o7bwnoi9i] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #9ca3af;
}

.breadcrumb-item.active[b-0o7bwnoi9i] {
    color: #111827;
    font-weight: 600;
}

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

/* Title Section */
.title-section[b-0o7bwnoi9i] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 40px 40px 60px;
    margin-bottom: -30px;
}

.title-content[b-0o7bwnoi9i] {
    max-width: 1400px;
    margin: 0 auto;
    color: white;
}

.title-badge-group[b-0o7bwnoi9i] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.file-id[b-0o7bwnoi9i] {
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    padding: 6px 16px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
}

.status-badge[b-0o7bwnoi9i],
.priority-badge[b-0o7bwnoi9i] {
    padding: 6px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.status-draft[b-0o7bwnoi9i] {
    background: rgba(156, 163, 175, 0.2);
    backdrop-filter: blur(10px);
}

.status-active[b-0o7bwnoi9i] {
    background: rgba(59, 130, 246, 0.2);
    backdrop-filter: blur(10px);
}

.status-review[b-0o7bwnoi9i] {
    background: rgba(245, 158, 11, 0.2);
    backdrop-filter: blur(10px);
}

.status-ready[b-0o7bwnoi9i] {
    background: rgba(16, 185, 129, 0.2);
    backdrop-filter: blur(10px);
}

.status-closed[b-0o7bwnoi9i] {
    background: rgba(107, 114, 128, 0.2);
    backdrop-filter: blur(10px);
}

.priority-critical[b-0o7bwnoi9i] {
    background: rgba(239, 68, 68, 0.2);
    backdrop-filter: blur(10px);
}

.priority-high[b-0o7bwnoi9i] {
    background: rgba(245, 158, 11, 0.2);
    backdrop-filter: blur(10px);
}

.dossier-title[b-0o7bwnoi9i] {
    font-size: 36px;
    font-weight: 800;
    margin: 0 0 16px 0;
    display: flex;
    align-items: center;
    gap: 16px;
}

.edit-title-btn[b-0o7bwnoi9i] {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    border: none;
    border-radius: 10px;
    color: white;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.2s;
}

.edit-title-btn:hover[b-0o7bwnoi9i] {
    background: rgba(255, 255, 255, 0.3);
}

.title-edit-group[b-0o7bwnoi9i] {
    display: flex;
    gap: 12px;
    align-items: center;
}

.title-input[b-0o7bwnoi9i] {
    flex: 1;
    font-size: 36px;
    font-weight: 800;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    border: 2px solid rgba(255, 255, 255, 0.3);
    color: white;
    border-radius: 12px;
}

.title-action-btn[b-0o7bwnoi9i] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    border: none;
    font-size: 20px;
    cursor: pointer;
    transition: all 0.2s;
}

.title-action-btn.success[b-0o7bwnoi9i] {
    background: #10b981;
    color: white;
}

.title-action-btn.danger[b-0o7bwnoi9i] {
    background: #ef4444;
    color: white;
}

.metadata-row[b-0o7bwnoi9i] {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
    opacity: 0.9;
}

.metadata-item[b-0o7bwnoi9i] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}

/* Statistics Grid */
.stats-grid[b-0o7bwnoi9i] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    padding: 0 40px 30px;
    max-width: 1400px;
    margin: 0 auto;
}

.stat-card[b-0o7bwnoi9i] {
    background: white;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    gap: 16px;
    transition: all 0.3s;
    border: 2px solid transparent;
}

.stat-card:hover[b-0o7bwnoi9i] {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

.stat-card.stat-primary[b-0o7bwnoi9i] {
    border-color: #dbeafe;
}

.stat-card.stat-success[b-0o7bwnoi9i] {
    border-color: #d1fae5;
}

.stat-card.stat-info[b-0o7bwnoi9i] {
    border-color: #e0e7ff;
}

.stat-card.stat-warning[b-0o7bwnoi9i] {
    border-color: #fed7aa;
}

.stat-icon-wrapper[b-0o7bwnoi9i] {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    flex-shrink: 0;
}

.stat-primary .stat-icon-wrapper[b-0o7bwnoi9i] {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    color: white;
}

.stat-success .stat-icon-wrapper[b-0o7bwnoi9i] {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: white;
}

.stat-info .stat-icon-wrapper[b-0o7bwnoi9i] {
    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
    color: white;
}

.stat-warning .stat-icon-wrapper[b-0o7bwnoi9i] {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    color: white;
}

.stat-content[b-0o7bwnoi9i] {
    flex: 1;
}

.stat-value[b-0o7bwnoi9i] {
    font-size: 32px;
    font-weight: 800;
    color: #111827;
    line-height: 1;
    margin-bottom: 6px;
}

.stat-label[b-0o7bwnoi9i] {
    font-size: 13px;
    color: #6b7280;
    font-weight: 600;
}

.stat-action[b-0o7bwnoi9i] {
    width: 36px;
    height: 36px;
    background: #f3f4f6;
    border: none;
    border-radius: 8px;
    color: #6b7280;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.2s;
}

.stat-action:hover[b-0o7bwnoi9i] {
    background: #667eea;
    color: white;
}

/* Content Layout */
.content-layout[b-0o7bwnoi9i] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 30px;
    padding: 30px 40px;
    max-width: 1400px;
    margin: 0 auto;
}

.main-column[b-0o7bwnoi9i] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Content Section */
.content-section[b-0o7bwnoi9i] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.section-header[b-0o7bwnoi9i] {
    padding: 24px 30px;
    border-bottom: 2px solid #f3f4f6;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section-title[b-0o7bwnoi9i] {
    font-size: 20px;
    font-weight: 700;
    color: #111827;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.count-badge[b-0o7bwnoi9i] {
    background: #f3f4f6;
    color: #6b7280;
    padding: 4px 12px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
}

.section-body[b-0o7bwnoi9i] {
    padding: 30px;
}

/* Description Section */
.description-display[b-0o7bwnoi9i] {
    min-height: 100px;
    padding: 20px;
    background: #f9fafb;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s;
}

.description-display:hover[b-0o7bwnoi9i] {
    background: #f3f4f6;
}

.description-display p[b-0o7bwnoi9i] {
    color: #374151;
    line-height: 1.8;
    margin: 0;
}

.empty-message[b-0o7bwnoi9i] {
    color: #9ca3af !important;
    display: flex;
    align-items: center;
    gap: 8px;
    font-style: italic;
}

.description-textarea[b-0o7bwnoi9i] {
    width: 100%;
    margin-bottom: 16px;
}

.edit-actions[b-0o7bwnoi9i] {
    display: flex;
    gap: 12px;
}

/* Violations List */
.violations-list[b-0o7bwnoi9i] {
    display: grid;
    gap: 16px;
}

.violation-card[b-0o7bwnoi9i] {
    background: #f9fafb;
    border-radius: 12px;
    padding: 20px;
    border: 2px solid #f3f4f6;
    transition: all 0.2s;
}

.violation-card:hover[b-0o7bwnoi9i] {
    border-color: #667eea;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.15);
}

.violation-header[b-0o7bwnoi9i] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.violation-id[b-0o7bwnoi9i] {
    background: #667eea;
    color: white;
    padding: 4px 12px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 700;
}

.violation-date[b-0o7bwnoi9i] {
    color: #6b7280;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.violation-type[b-0o7bwnoi9i] {
    font-size: 16px;
    font-weight: 700;
    color: #111827;
    margin: 0 0 8px 0;
}

.violation-details[b-0o7bwnoi9i] {
    font-size: 14px;
    color: #6b7280;
    line-height: 1.6;
    margin: 0;
}

.violation-footer[b-0o7bwnoi9i] {
    display: flex;
    gap: 8px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #e5e7eb;
}

.violation-action-btn[b-0o7bwnoi9i] {
    padding: 8px 16px;
    background: #f3f4f6;
    border: none;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #374151;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s;
}

.violation-action-btn:hover[b-0o7bwnoi9i] {
    background: #e5e7eb;
}

.violation-action-btn.danger[b-0o7bwnoi9i] {
    color: #ef4444;
}

.violation-action-btn.danger:hover[b-0o7bwnoi9i] {
    background: #fee2e2;
}

/* Attachments Grid */
.attachments-grid[b-0o7bwnoi9i] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 16px;
}

.attachment-card[b-0o7bwnoi9i] {
    background: #f9fafb;
    border-radius: 12px;
    padding: 20px;
    border: 2px solid #f3f4f6;
    display: flex;
    flex-direction: column;
    gap: 12px;
    transition: all 0.2s;
}

.attachment-card:hover[b-0o7bwnoi9i] {
    border-color: #667eea;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.15);
}

.attachment-icon[b-0o7bwnoi9i] {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: white;
}

.attachment-info[b-0o7bwnoi9i] {
    flex: 1;
}

.attachment-name[b-0o7bwnoi9i] {
    font-size: 14px;
    font-weight: 600;
    color: #111827;
    margin: 0 0 4px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.attachment-date[b-0o7bwnoi9i] {
    font-size: 12px;
    color: #9ca3af;
}

.attachment-actions[b-0o7bwnoi9i] {
    display: flex;
    gap: 8px;
}

.attachment-action-btn[b-0o7bwnoi9i] {
    flex: 1;
    padding: 8px;
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    font-size: 16px;
    color: #6b7280;
    cursor: pointer;
    transition: all 0.2s;
}

.attachment-action-btn:hover[b-0o7bwnoi9i] {
    background: #f9fafb;
    color: #111827;
}

.attachment-action-btn.danger[b-0o7bwnoi9i] {
    color: #ef4444;
}

.attachment-action-btn.danger:hover[b-0o7bwnoi9i] {
    background: #fee2e2;
    border-color: #fecaca;
}

/* Notes Section */
.add-note-form[b-0o7bwnoi9i] {
    background: #f9fafb;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 24px;
}

.note-textarea[b-0o7bwnoi9i] {
    width: 100%;
    margin-bottom: 12px;
}

.note-form-actions[b-0o7bwnoi9i] {
    display: flex;
    justify-content: flex-end;
}

.notes-timeline[b-0o7bwnoi9i] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.note-item[b-0o7bwnoi9i] {
    display: flex;
    gap: 16px;
    padding: 20px;
    background: #f9fafb;
    border-radius: 12px;
    border: 1px solid #f3f4f6;
}

.note-avatar[b-0o7bwnoi9i] {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 700;
    font-size: 16px;
    flex-shrink: 0;
}

.note-content[b-0o7bwnoi9i] {
    flex: 1;
}

.note-header[b-0o7bwnoi9i] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}

.note-author[b-0o7bwnoi9i] {
    font-weight: 700;
    color: #111827;
    font-size: 14px;
}

.note-time[b-0o7bwnoi9i] {
    font-size: 12px;
    color: #9ca3af;
}

.note-text[b-0o7bwnoi9i] {
    color: #374151;
    line-height: 1.6;
    margin: 0;
    font-size: 14px;
}

.note-delete-btn[b-0o7bwnoi9i] {
    width: 32px;
    height: 32px;
    background: transparent;
    border: none;
    border-radius: 6px;
    color: #9ca3af;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.2s;
}

.note-delete-btn:hover[b-0o7bwnoi9i] {
    background: #fee2e2;
    color: #ef4444;
}

/* Sidebar */
.sidebar-column[b-0o7bwnoi9i] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.sidebar-card[b-0o7bwnoi9i] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.sidebar-card-title[b-0o7bwnoi9i] {
    padding: 20px 24px;
    border-bottom: 2px solid #f3f4f6;
    font-size: 16px;
    font-weight: 700;
    color: #111827;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.sidebar-card-body[b-0o7bwnoi9i] {
    padding: 24px;
}

.form-group[b-0o7bwnoi9i] {
    margin-bottom: 20px;
}

.form-group:last-child[b-0o7bwnoi9i] {
    margin-bottom: 0;
}

.form-label[b-0o7bwnoi9i] {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #374151;
    margin-bottom: 8px;
}

.form-control[b-0o7bwnoi9i] {
    width: 100%;
}

/* Quick Actions */
.quick-actions[b-0o7bwnoi9i] {
    display: grid;
    gap: 12px;
}

.quick-action-btn[b-0o7bwnoi9i] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: #f9fafb;
    border: 1px solid #f3f4f6;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #374151;
    cursor: pointer;
    transition: all 0.2s;
}

.quick-action-btn:hover[b-0o7bwnoi9i] {
    background: #f3f4f6;
    border-color: #667eea;
    color: #667eea;
}

.quick-action-btn i[b-0o7bwnoi9i] {
    font-size: 18px;
}

/* Timeline */
.timeline[b-0o7bwnoi9i] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.timeline-item[b-0o7bwnoi9i] {
    display: flex;
    gap: 16px;
}

.timeline-marker[b-0o7bwnoi9i] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-top: 4px;
    flex-shrink: 0;
}

.timeline-marker.created[b-0o7bwnoi9i] {
    background: #10b981;
}

.timeline-marker.updated[b-0o7bwnoi9i] {
    background: #3b82f6;
}

.timeline-content[b-0o7bwnoi9i] {
    flex: 1;
}

.timeline-title[b-0o7bwnoi9i] {
    font-size: 14px;
    font-weight: 600;
    color: #111827;
    margin: 0 0 4px 0;
}

.timeline-date[b-0o7bwnoi9i] {
    font-size: 12px;
    color: #9ca3af;
}

/* Empty State */
.empty-state-small[b-0o7bwnoi9i] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    text-align: center;
}

.empty-state-small i[b-0o7bwnoi9i] {
    font-size: 48px;
    color: #d1d5db;
    margin-bottom: 16px;
}

.empty-state-small p[b-0o7bwnoi9i] {
    color: #9ca3af;
    font-size: 15px;
    margin: 0 0 20px 0;
}

/* Responsive */
@media (max-width: 1024px) {
    .content-layout[b-0o7bwnoi9i] {
        grid-template-columns: 1fr;
    }

    .sidebar-column[b-0o7bwnoi9i] {
        order: -1;
    }
}

@media (max-width: 768px) {
    .page-header[b-0o7bwnoi9i] {
        flex-direction: column;
        gap: 16px;
        align-items: stretch;
    }

    .header-actions[b-0o7bwnoi9i] {
        justify-content: stretch;
        flex-wrap: wrap;
    }

    .title-section[b-0o7bwnoi9i] {
        padding: 30px 20px 50px;
    }

    .dossier-title[b-0o7bwnoi9i] {
        font-size: 24px;
    }

    .stats-grid[b-0o7bwnoi9i] {
        grid-template-columns: 1fr;
        padding: 0 20px 20px;
    }

    .content-layout[b-0o7bwnoi9i] {
        padding: 20px;
    }

    .attachments-grid[b-0o7bwnoi9i] {
        grid-template-columns: 1fr;
    }
}

/* Animations */
@keyframes fadeIn-b-0o7bwnoi9i {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.content-section[b-0o7bwnoi9i] {
    animation: fadeIn-b-0o7bwnoi9i 0.4s ease;
}

.stat-card[b-0o7bwnoi9i] {
    animation: fadeIn-b-0o7bwnoi9i 0.4s ease;
}

/* _content/SamPro/Components/Pages/Admin/Dossiers.razor.rz.scp.css */
.dossiers-page[b-6v3vuomvfj] {
    min-height: 100vh;
    background: linear-gradient(135deg, #f8fafc 0%, #e0e7ff 100%);
    padding: 30px;
}

/* Hero Header */
.page-hero[b-6v3vuomvfj] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 24px;
    padding: 40px;
    margin-bottom: 30px;
    box-shadow: 0 20px 60px rgba(102, 126, 234, 0.3);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hero-content[b-6v3vuomvfj] {
    display: flex;
    align-items: center;
    gap: 24px;
}

.hero-icon-wrapper[b-6v3vuomvfj] {
    width: 80px;
    height: 80px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    color: white;
}

.hero-text[b-6v3vuomvfj] {
    color: white;
}

.hero-badge[b-6v3vuomvfj] {
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
    margin-bottom: 12px;
}

.hero-title[b-6v3vuomvfj] {
    font-size: 42px;
    font-weight: 800;
    margin: 0 0 8px 0;
    letter-spacing: -0.5px;
}

.hero-subtitle[b-6v3vuomvfj] {
    font-size: 16px;
    opacity: 0.9;
    margin: 0;
}

.hero-actions[b-6v3vuomvfj] {
    display: flex;
    gap: 12px;
}

.create-btn[b-6v3vuomvfj] {
    animation: pulse-b-6v3vuomvfj 2s infinite;
}

@keyframes pulse-b-6v3vuomvfj {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}

/* Statistics Grid */
.stats-grid[b-6v3vuomvfj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.stat-card[b-6v3vuomvfj] {
    background: white;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    gap: 20px;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.stat-card:hover[b-6v3vuomvfj] {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

.stat-card.stat-primary[b-6v3vuomvfj] {
    border-color: #e0e7ff;
}

.stat-card.stat-danger[b-6v3vuomvfj] {
    border-color: #fee2e2;
}

.stat-card.stat-success[b-6v3vuomvfj] {
    border-color: #d1fae5;
}

.stat-card.stat-info[b-6v3vuomvfj] {
    border-color: #dbeafe;
}

.stat-icon[b-6v3vuomvfj] {
    width: 60px;
    height: 60px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    flex-shrink: 0;
}

.stat-primary .stat-icon[b-6v3vuomvfj] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.stat-danger .stat-icon[b-6v3vuomvfj] {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    color: white;
}

.stat-success .stat-icon[b-6v3vuomvfj] {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: white;
}

.stat-info .stat-icon[b-6v3vuomvfj] {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    color: white;
}

.stat-content[b-6v3vuomvfj] {
    flex: 1;
}

.stat-value[b-6v3vuomvfj] {
    font-size: 32px;
    font-weight: 800;
    color: #111827;
    margin-bottom: 4px;
}

.stat-label[b-6v3vuomvfj] {
    font-size: 14px;
    color: #6b7280;
    font-weight: 600;
    margin-bottom: 8px;
}

.stat-change[b-6v3vuomvfj] {
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 4px;
    font-weight: 600;
}

.stat-change.positive[b-6v3vuomvfj] {
    color: #059669;
}

.stat-change.negative[b-6v3vuomvfj] {
    color: #dc2626;
}

/* Filter Section */
.filter-section[b-6v3vuomvfj] {
    background: white;
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 30px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.search-container[b-6v3vuomvfj] {
    margin-bottom: 20px;
}

.search-box[b-6v3vuomvfj] {
    position: relative;
    max-width: 600px;
}

.search-icon[b-6v3vuomvfj] {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #9ca3af;
    font-size: 18px;
}

.search-input[b-6v3vuomvfj] {
    width: 100%;
    padding: 14px 50px 14px 20px;
    border: 2px solid #e5e7eb;
    border-radius: 12px;
    font-size: 15px;
    transition: all 0.3s ease;
}

.search-input:focus[b-6v3vuomvfj] {
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.1);
}

.clear-search[b-6v3vuomvfj] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #9ca3af;
    font-size: 18px;
    cursor: pointer;
    padding: 4px;
    transition: color 0.2s;
}

.clear-search:hover[b-6v3vuomvfj] {
    color: #ef4444;
}

.filter-bar[b-6v3vuomvfj] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.filter-group[b-6v3vuomvfj] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.filter-label[b-6v3vuomvfj] {
    font-size: 14px;
    font-weight: 600;
    color: #374151;
    white-space: nowrap;
}

.filter-dropdown[b-6v3vuomvfj] {
    min-width: 180px;
}

.view-switcher[b-6v3vuomvfj] {
    display: flex;
    background: #f3f4f6;
    border-radius: 8px;
    padding: 4px;
    margin-right: auto;
}

.view-btn[b-6v3vuomvfj] {
    padding: 8px 16px;
    border: none;
    background: transparent;
    border-radius: 6px;
    cursor: pointer;
    font-size: 18px;
    color: #6b7280;
    transition: all 0.2s;
}

.view-btn:hover[b-6v3vuomvfj] {
    color: #111827;
}

.view-btn.active[b-6v3vuomvfj] {
    background: white;
    color: #667eea;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.clear-filters-btn[b-6v3vuomvfj] {
    padding: 8px 16px;
    background: #fee2e2;
    color: #dc2626;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s;
}

.clear-filters-btn:hover[b-6v3vuomvfj] {
    background: #fecaca;
}

.results-info[b-6v3vuomvfj] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #e5e7eb;
    font-size: 14px;
    color: #6b7280;
}

.results-count strong[b-6v3vuomvfj] {
    color: #111827;
    font-weight: 700;
}

.filter-indicator[b-6v3vuomvfj] {
    color: #667eea;
    font-weight: 600;
}

/* Dossiers Container */
.dossiers-container[b-6v3vuomvfj] {
    display: grid;
    gap: 20px;
}

.dossiers-container.grid-view[b-6v3vuomvfj] {
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
}

.dossiers-container.list-view[b-6v3vuomvfj] {
    grid-template-columns: 1fr;
}

.dossier-card[b-6v3vuomvfj] {
    background: white;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border: 2px solid transparent;
    cursor: pointer;
    transition: all 0.3s ease;
}

.dossier-card:hover[b-6v3vuomvfj] {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
    border-color: #667eea;
}

.card-header[b-6v3vuomvfj] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-bottom: 16px;
}

.card-meta[b-6v3vuomvfj] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.card-id[b-6v3vuomvfj] {
    background: #f3f4f6;
    color: #6b7280;
    padding: 4px 12px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 700;
}

.card-status[b-6v3vuomvfj] {
    padding: 4px 12px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 4px;
}

.status-draft[b-6v3vuomvfj] {
    background: #f3f4f6;
    color: #6b7280;
}

.status-active[b-6v3vuomvfj] {
    background: #dbeafe;
    color: #2563eb;
}

.status-review[b-6v3vuomvfj] {
    background: #fef3c7;
    color: #d97706;
}

.status-ready[b-6v3vuomvfj] {
    background: #d1fae5;
    color: #059669;
}

.status-closed[b-6v3vuomvfj] {
    background: #e5e7eb;
    color: #374151;
}

.priority-badge[b-6v3vuomvfj] {
    padding: 4px 12px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 4px;
}

.priority-critical[b-6v3vuomvfj] {
    background: #fee2e2;
    color: #dc2626;
}

.priority-high[b-6v3vuomvfj] {
    background: #fed7aa;
    color: #ea580c;
}

.priority-medium[b-6v3vuomvfj] {
    background: #fef3c7;
    color: #d97706;
}

.card-title[b-6v3vuomvfj] {
    font-size: 20px;
    font-weight: 700;
    color: #111827;
    margin: 0 0 12px 0;
    line-height: 1.4;
}

.card-description[b-6v3vuomvfj] {
    font-size: 14px;
    color: #6b7280;
    line-height: 1.6;
    margin: 0 0 16px 0;
}

.card-stats[b-6v3vuomvfj] {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
    padding: 12px 0;
    border-top: 1px solid #f3f4f6;
    border-bottom: 1px solid #f3f4f6;
}

.stat-item[b-6v3vuomvfj] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #6b7280;
}

.stat-item i[b-6v3vuomvfj] {
    color: #9ca3af;
}

.card-footer[b-6v3vuomvfj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px;
}

.footer-info[b-6v3vuomvfj] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #9ca3af;
}

.card-action-btn[b-6v3vuomvfj] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: none;
    background: #f3f4f6;
    color: #667eea;
    font-size: 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

.card-action-btn:hover[b-6v3vuomvfj] {
    background: #667eea;
    color: white;
}

.progress-container[b-6v3vuomvfj] {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #f3f4f6;
}

.progress-bar[b-6v3vuomvfj] {
    height: 6px;
    background: #f3f4f6;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 6px;
}

.progress-fill[b-6v3vuomvfj] {
    height: 100%;
    background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
    transition: width 0.5s ease;
}

.progress-text[b-6v3vuomvfj] {
    font-size: 12px;
    color: #6b7280;
    font-weight: 600;
}

/* List View Specific */
.list-view .dossier-card[b-6v3vuomvfj] {
    display: flex;
    align-items: center;
    gap: 24px;
}

.list-view .card-title[b-6v3vuomvfj] {
    font-size: 18px;
}

.list-view .card-description[b-6v3vuomvfj] {
    margin: 8px 0;
}

/* Loading State */
.loading-container[b-6v3vuomvfj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 20px;
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.loading-container p[b-6v3vuomvfj] {
    margin-top: 20px;
    color: #6b7280;
    font-size: 16px;
}

/* Empty State */
.empty-state[b-6v3vuomvfj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 20px;
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    text-align: center;
}

.empty-icon[b-6v3vuomvfj] {
    width: 120px;
    height: 120px;
    background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 60px;
    color: #9ca3af;
    margin-bottom: 24px;
}

.empty-state h3[b-6v3vuomvfj] {
    font-size: 24px;
    font-weight: 700;
    color: #111827;
    margin: 0 0 8px 0;
}

.empty-state p[b-6v3vuomvfj] {
    font-size: 16px;
    color: #6b7280;
    margin: 0 0 24px 0;
}

/* Modal */
.modal-overlay[b-6v3vuomvfj] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 20px;
}

.modal-container[b-6v3vuomvfj] {
    background: white;
    border-radius: 20px;
    max-width: 600px;
    width: 100%;
    max-height: 90vh;
    overflow: hidden;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);
    animation: modalIn-b-6v3vuomvfj 0.3s ease;
}

@keyframes modalIn-b-6v3vuomvfj {
    from {
        opacity: 0;
        transform: scale(0.9) translateY(20px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.modal-header[b-6v3vuomvfj] {
    padding: 24px 30px;
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-header h2[b-6v3vuomvfj] {
    font-size: 24px;
    font-weight: 700;
    color: #111827;
    margin: 0;
}

.modal-close[b-6v3vuomvfj] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    border: none;
    background: #f3f4f6;
    color: #6b7280;
    font-size: 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

.modal-close:hover[b-6v3vuomvfj] {
    background: #e5e7eb;
    color: #111827;
}

.modal-body[b-6v3vuomvfj] {
    padding: 30px;
    max-height: 60vh;
    overflow-y: auto;
}

.form-group[b-6v3vuomvfj] {
    margin-bottom: 20px;
}

.form-group label[b-6v3vuomvfj] {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #374151;
    margin-bottom: 8px;
}

.required[b-6v3vuomvfj] {
    color: #ef4444;
}

.form-input[b-6v3vuomvfj] {
    width: 100%;
}

.form-row[b-6v3vuomvfj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.modal-footer[b-6v3vuomvfj] {
    padding: 20px 30px;
    border-top: 1px solid #e5e7eb;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

/* Responsive Design */
@media (max-width: 1200px) {
    .stats-grid[b-6v3vuomvfj] {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .dossiers-container.grid-view[b-6v3vuomvfj] {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    }
}

@media (max-width: 768px) {
    .dossiers-page[b-6v3vuomvfj] {
        padding: 20px;
    }

    .page-hero[b-6v3vuomvfj] {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .hero-title[b-6v3vuomvfj] {
        font-size: 32px;
    }

    .stats-grid[b-6v3vuomvfj] {
        grid-template-columns: 1fr;
    }

    .filter-bar[b-6v3vuomvfj] {
        flex-direction: column;
        align-items: stretch;
    }

    .view-switcher[b-6v3vuomvfj] {
        margin-right: 0;
        justify-content: center;
    }

    .dossiers-container.grid-view[b-6v3vuomvfj] {
        grid-template-columns: 1fr;
    }

    .form-row[b-6v3vuomvfj] {
        grid-template-columns: 1fr;
    }
}

/* Animations */
@keyframes slideUp-b-6v3vuomvfj {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.dossier-card[b-6v3vuomvfj] {
    animation: slideUp-b-6v3vuomvfj 0.4s ease;
}

/* _content/SamPro/Components/Pages/Admin/Intelligence/SmartScraper.razor.rz.scp.css */
.scraper-page[b-etbnia1vhe] {
    padding: 2rem;
    background: #f5f7fa;
    min-height: calc(100vh - 60px);
}

.scraper-header[b-etbnia1vhe] {
    margin-bottom: 2rem;
}

.header-content h2[b-etbnia1vhe] {
    font-size: 2rem;
    color: #1976d2;
    margin: 0 0 0.5rem 0;
}

.header-content p[b-etbnia1vhe] {
    color: #666;
    margin: 0;
    font-size: 1.1rem;
}

/* قسم البحث */
.search-section[b-etbnia1vhe] {
    margin-bottom: 2rem;
}

.search-card[b-etbnia1vhe] {
    background: white;
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 2px 12px rgba(0,0,0,0.1);
}

.search-input-group[b-etbnia1vhe] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.btn-search[b-etbnia1vhe], .btn-test[b-etbnia1vhe] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0 2rem;
    border: none;
    border-radius: 8px;
    font-size: 1.1rem;
    cursor: pointer;
    transition: all 0.3s;
    white-space: nowrap;
}

.btn-search[b-etbnia1vhe] {
    background: #1976d2;
    color: white;
}

.btn-search:hover:not(:disabled)[b-etbnia1vhe] {
    background: #1565c0;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(25, 118, 210, 0.3);
}

.btn-test[b-etbnia1vhe] {
    background: #ff9800;
    color: white;
}

.btn-test:hover:not(:disabled)[b-etbnia1vhe] {
    background: #f57c00;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 152, 0, 0.3);
}

.btn-search:disabled[b-etbnia1vhe], .btn-test:disabled[b-etbnia1vhe] {
    opacity: 0.7;
    cursor: not-allowed;
}

.btn-search i.spinning[b-etbnia1vhe] {
    animation: spin-b-etbnia1vhe 1s linear infinite;
}

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

.search-options[b-etbnia1vhe] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.option-label[b-etbnia1vhe] {
    font-weight: 600;
    color: #333;
}

.source-checkboxes[b-etbnia1vhe] {
    display: flex;
    gap: 2rem;
}

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

/* النتائج */
.results-header[b-etbnia1vhe] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.results-header h3[b-etbnia1vhe] {
    font-size: 1.5rem;
    color: #333;
    margin: 0 0 0.5rem 0;
}

.data-type-badge[b-etbnia1vhe] {
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.9rem;
    margin-top: 0.5rem;
}

.data-type-badge.real[b-etbnia1vhe] {
    background: linear-gradient(135deg, #4caf50 0%, #66bb6a 100%);
    color: white;
    box-shadow: 0 2px 8px rgba(76, 175, 80, 0.3);
}

.data-type-badge.mock[b-etbnia1vhe] {
    background: #fff3e0;
    color: #e65100;
    border: 1px dashed #ff9800;
}

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

.result-card[b-etbnia1vhe] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transition: all 0.3s;
    border: 2px solid transparent;
}

.result-card:hover[b-etbnia1vhe] {
    transform: translateY(-4px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}

.result-card.saved[b-etbnia1vhe] {
    border-color: #4caf50;
    background: #f1f8f4;
}

.result-header[b-etbnia1vhe] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.source-info[b-etbnia1vhe] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.source-badge[b-etbnia1vhe] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.85rem;
    font-weight: 600;
}

.source-badge.news[b-etbnia1vhe] {
    background: #e3f2fd;
    color: #1976d2;
}

.source-badge.social[b-etbnia1vhe] {
    background: #f3e5f5;
    color: #7b1fa2;
}

.date[b-etbnia1vhe] {
    font-size: 0.85rem;
    color: #999;
}

.relevance-score[b-etbnia1vhe] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.score-label[b-etbnia1vhe] {
    font-size: 0.85rem;
    color: #666;
}

.score-value[b-etbnia1vhe] {
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-weight: bold;
    font-size: 0.9rem;
}

.score-high[b-etbnia1vhe] {
    background: #4caf50;
    color: white;
}

.score-medium[b-etbnia1vhe] {
    background: #ff9800;
    color: white;
}

.score-low[b-etbnia1vhe] {
    background: #9e9e9e;
    color: white;
}

.result-title[b-etbnia1vhe] {
    font-size: 1.2rem;
    color: #333;
    margin: 0 0 0.75rem 0;
    line-height: 1.4;
}

.result-content[b-etbnia1vhe] {
    color: #666;
    line-height: 1.6;
    margin: 0 0 1rem 0;
}

.media-preview[b-etbnia1vhe] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.5rem 1rem;
    background: #f5f5f5;
    border-radius: 8px;
    margin-left: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

.media-preview i[b-etbnia1vhe] {
    font-size: 18px;
    color: #1976d2;
}

.keywords[b-etbnia1vhe] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 1rem 0;
}

.keyword-tag[b-etbnia1vhe] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background: #fff3e0;
    color: #e65100;
    border-radius: 12px;
    font-size: 0.85rem;
}

/* ⭐ المرحلة 3: تصميمات AI Insights */
.entities-section[b-etbnia1vhe] {
    margin: 1rem 0;
    padding: 0.75rem;
    background: #f3e5f5;
    border-radius: 8px;
}

.entities-section strong[b-etbnia1vhe] {
    display: block;
    margin-bottom: 0.5rem;
    color: #7b1fa2;
}

.entity-tag[b-etbnia1vhe] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background: #ce93d8;
    color: white;
    border-radius: 12px;
    font-size: 0.85rem;
    margin-left: 0.5rem;
    font-weight: 600;
}

.violation-type[b-etbnia1vhe] {
    margin: 1rem 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.violation-badge[b-etbnia1vhe] {
    padding: 0.5rem 1rem;
    background: #ffebee;
    color: #c62828;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.9rem;
}

.ai-insights[b-etbnia1vhe] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin: 1rem 0;
    padding: 1rem;
    background: linear-gradient(135deg, #e3f2fd 0%, #f3e5f5 100%);
    border-radius: 8px;
    border-right: 4px solid #1976d2;
}

.insight-item[b-etbnia1vhe] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.375rem 0.75rem;
    background: white;
    border-radius: 8px;
    font-size: 0.9rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.insight-item i[b-etbnia1vhe] {
    font-size: 18px;
    color: #1976d2;
}

.insight-item strong[b-etbnia1vhe] {
    color: #1976d2;
}

.insight-item.quality-ممتاز[b-etbnia1vhe] {
    background: #e8f5e9;
}

.insight-item.quality-ممتاز strong[b-etbnia1vhe] {
    color: #2e7d32;
}

.insight-item.quality-جيد[b-etbnia1vhe] {
    background: #fff3e0;
}

.insight-item.quality-جيد strong[b-etbnia1vhe] {
    color: #f57c00;
}

.numbers-extracted[b-etbnia1vhe] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    background: #fff8e1;
    border-radius: 8px;
    margin: 0.5rem 0;
    border-right: 3px solid #fbc02d;
}

.numbers-extracted i[b-etbnia1vhe] {
    color: #f57c00;
    font-size: 20px;
}

.numbers-extracted span[b-etbnia1vhe] {
    color: #e65100;
    font-weight: 600;
}

.location[b-etbnia1vhe] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    color: #666;
    font-size: 0.9rem;
    margin: 0.5rem 0;
}

.location i[b-etbnia1vhe] {
    font-size: 18px;
}

.result-actions[b-etbnia1vhe] {
    display: flex;
    gap: 0.5rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #f0f0f0;
}

.btn-view[b-etbnia1vhe], .btn-save[b-etbnia1vhe], .btn-saved[b-etbnia1vhe], .btn-link[b-etbnia1vhe] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 6px;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
}

.btn-view[b-etbnia1vhe] {
    background: #e3f2fd;
    color: #1976d2;
}

.btn-view:hover[b-etbnia1vhe] {
    background: #1976d2;
    color: white;
}

.btn-save[b-etbnia1vhe] {
    background: #4caf50;
    color: white;
}

.btn-save:hover[b-etbnia1vhe] {
    background: #388e3c;
}

.btn-saved[b-etbnia1vhe] {
    background: #e8f5e9;
    color: #4caf50;
    cursor: default;
}

.btn-link[b-etbnia1vhe] {
    background: #f5f5f5;
    color: #666;
}

.btn-link:hover[b-etbnia1vhe] {
    background: #e0e0e0;
}

/* رسائل فارغة */
.no-results[b-etbnia1vhe], .welcome-message[b-etbnia1vhe] {
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.no-results i[b-etbnia1vhe], .welcome-message i[b-etbnia1vhe] {
    font-size: 4rem;
    color: #ccc;
    margin-bottom: 1rem;
}

.no-results h3[b-etbnia1vhe], .welcome-message h3[b-etbnia1vhe] {
    font-size: 1.5rem;
    color: #333;
    margin: 0 0 0.5rem 0;
}

.no-results p[b-etbnia1vhe], .welcome-message p[b-etbnia1vhe] {
    color: #666;
    margin: 0;
}

.search-tips[b-etbnia1vhe] {
    max-width: 600px;
    margin: 2rem auto 0;
    text-align: right;
    background: #f5f7fa;
    padding: 1.5rem;
    border-radius: 8px;
}

.search-tips h4[b-etbnia1vhe] {
    color: #1976d2;
    margin: 0 0 1rem 0;
}

.search-tips ul[b-etbnia1vhe] {
    margin: 0;
    padding-right: 1.5rem;
}

.search-tips li[b-etbnia1vhe] {
    color: #666;
    margin-bottom: 0.5rem;
    line-height: 1.6;
}

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

    .search-input-group[b-etbnia1vhe] {
        flex-direction: column;
    }

    .btn-search[b-etbnia1vhe] {
        width: 100%;
        justify-content: center;
    }

    .result-actions[b-etbnia1vhe] {
        flex-wrap: wrap;
    }
}

/* _content/SamPro/Components/Pages/Admin/InvestigationTools.razor.rz.scp.css */
/* ========================================
   Modern Investigation Tools Styles
   ======================================== */

.investigation-page[b-6f0l4jj2xi] {
    padding: 20px;
    max-width: 1400px;
    margin: 0 auto;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.investigation-page h2[b-6f0l4jj2xi] {
    color: #2c3e50;
    margin-bottom: 10px;
    font-size: 2em;
}

.investigation-page > p[b-6f0l4jj2xi] {
    color: #7f8c8d;
    margin-bottom: 20px;
}

/* ========================================
   Analysis Section Header
   ======================================== */
.analysis-section[b-6f0l4jj2xi] {
    margin-top: 20px;
}

.analysis-section .header[b-6f0l4jj2xi] {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

.analysis-section .header h3[b-6f0l4jj2xi] {
    color: #2c3e50;
    margin: 0;
}

/* ========================================
   Layout: Sidebar + Main Content
   ======================================== */
.analysis-layout[b-6f0l4jj2xi] {
    display: flex;
    gap: 20px;
    margin-top: 20px;
}

/* ========================================
   Sidebar: Info Boxes
   ======================================== */
.sidebar-info[b-6f0l4jj2xi] {
    width: 320px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.info-box[b-6f0l4jj2xi] {
    background: white;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.info-box[b-6f0l4jj2xi]::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    height: 100%;
}

.info-box:hover[b-6f0l4jj2xi] {
    transform: translateY(-3px);
    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
}

.location-box[b-6f0l4jj2xi]::before {
    background: linear-gradient(to bottom, #3498db, #2980b9);
}

.victims-box[b-6f0l4jj2xi]::before {
    background: linear-gradient(to bottom, #e74c3c, #c0392b);
}

.actions-box[b-6f0l4jj2xi]::before {
    background: linear-gradient(to bottom, #f39c12, #e67e22);
}

.actors-box[b-6f0l4jj2xi]::before {
    background: linear-gradient(to bottom, #9b59b6, #8e44ad);
}

.box-icon[b-6f0l4jj2xi] {
    font-size: 2.5em;
    margin-bottom: 10px;
}

.info-box h5[b-6f0l4jj2xi] {
    color: #2c3e50;
    margin: 0 0 15px 0;
    font-size: 1.1em;
    font-weight: 600;
}

.info-box p[b-6f0l4jj2xi] {
    margin: 8px 0;
    color: #555;
    font-size: 0.95em;
}

.info-box ul[b-6f0l4jj2xi] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.info-box ul li[b-6f0l4jj2xi] {
    padding: 8px 0;
    border-bottom: 1px solid #ecf0f1;
    color: #555;
    font-size: 0.9em;
}

.info-box ul li:last-child[b-6f0l4jj2xi] {
    border-bottom: none;
}

.info-box .empty[b-6f0l4jj2xi] {
    color: #95a5a6;
    font-style: italic;
    text-align: center;
    padding: 10px 0;
}

/* ========================================
   Main Content: Summary & Visualizations
   ======================================== */
.main-content[b-6f0l4jj2xi] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Summary Card */
.summary-card[b-6f0l4jj2xi] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 4px 20px rgba(102, 126, 234, 0.3);
}

.summary-card .card-header[b-6f0l4jj2xi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.summary-card h4[b-6f0l4jj2xi] {
    color: white;
    margin: 0;
    font-size: 1.3em;
}

.badge-date[b-6f0l4jj2xi] {
    background: rgba(255, 255, 255, 0.2);
    color: white;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 0.9em;
    font-weight: 500;
}

.summary-text[b-6f0l4jj2xi] {
    color: white;
    font-size: 1.05em;
    line-height: 1.8;
    margin: 0;
}

/* ========================================
   Tabs: Visualizations
   ======================================== */
.visualization-tabs[b-6f0l4jj2xi] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    overflow: hidden;
}

/* أزرار التبويبات */
.tab-buttons[b-6f0l4jj2xi] {
    display: flex;
    gap: 5px;
    background: #f8f9fa;
    padding: 10px;
    border-bottom: 2px solid #e0e0e0;
}

.tab-button[b-6f0l4jj2xi] {
    flex: 1;
    padding: 12px 20px;
    background: transparent;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 0.95em;
    font-weight: 500;
    color: #7f8c8d;
    transition: all 0.3s;
    position: relative;
}

.tab-button:hover[b-6f0l4jj2xi] {
    background: rgba(52, 152, 219, 0.1);
    color: #3498db;
}

.tab-button.active[b-6f0l4jj2xi] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

.tab-button.active[b-6f0l4jj2xi]::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 3px;
    background: white;
    border-radius: 2px;
}

.visualization-container[b-6f0l4jj2xi] {
    padding: 25px;
}

.visualization-container h5[b-6f0l4jj2xi] {
    color: #2c3e50;
    margin: 0 0 20px 0;
    font-size: 1.2em;
}

.chart-container[b-6f0l4jj2xi] {
    background: white;
    border: 2px solid #ecf0f1;
    border-radius: 8px;
    padding: 15px;
    min-height: 500px;
}

#network-container[b-6f0l4jj2xi] {
    height: 500px !important;
    width: 100%;
}

.map-placeholder[b-6f0l4jj2xi] {
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 8px;
    color: #6c757d;
}

.map-placeholder p:first-child[b-6f0l4jj2xi] {
    font-size: 3em;
    margin-bottom: 10px;
}

.map-placeholder .hint[b-6f0l4jj2xi] {
    font-size: 0.95em;
    font-style: italic;
}

/* ========================================
   Timeline Styles
   ======================================== */
.timeline-container[b-6f0l4jj2xi] {
    position: relative;
    padding: 20px 0;
}

.timeline-container[b-6f0l4jj2xi]::before {
    content: '';
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(to bottom, #f39c12, #e74c3c, #27ae60);
    border-radius: 2px;
}

.timeline-item[b-6f0l4jj2xi] {
    position: relative;
    margin-bottom: 25px;
    padding-right: 60px;
}

.timeline-marker[b-6f0l4jj2xi] {
    position: absolute;
    right: 9px;
    top: 15px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 4px solid white;
    box-shadow: 0 0 0 3px #3498db;
    z-index: 10;
    transition: all 0.3s;
}

.timeline-item.before .timeline-marker[b-6f0l4jj2xi] {
    background: #f39c12;
    box-shadow: 0 0 0 3px #f39c12;
}

.timeline-item.current .timeline-marker[b-6f0l4jj2xi] {
    background: #e74c3c;
    box-shadow: 0 0 0 4px #e74c3c;
    width: 28px;
    height: 28px;
    right: 6px;
    animation: pulse-red-b-6f0l4jj2xi 2s infinite;
}

.timeline-item.after .timeline-marker[b-6f0l4jj2xi] {
    background: #27ae60;
    box-shadow: 0 0 0 3px #27ae60;
}

@keyframes pulse-red-b-6f0l4jj2xi {
    0%, 100% {
        box-shadow: 0 0 0 4px rgba(231, 76, 60, 0.7);
    }
    50% {
        box-shadow: 0 0 0 10px rgba(231, 76, 60, 0.2);
    }
}

.timeline-content[b-6f0l4jj2xi] {
    background: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    transition: all 0.3s;
    border: 2px solid transparent;
}

.timeline-item:hover .timeline-content[b-6f0l4jj2xi] {
    box-shadow: 0 6px 20px rgba(0,0,0,0.15);
    transform: translateX(-5px);
    border-color: #3498db;
}

.timeline-header[b-6f0l4jj2xi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 2px solid #ecf0f1;
}

.timeline-header strong[b-6f0l4jj2xi] {
    color: #2c3e50;
    font-size: 1.1em;
}

.timeline-item.current .timeline-header[b-6f0l4jj2xi] {
    border-bottom-color: #e74c3c;
}

.timeline-date[b-6f0l4jj2xi] {
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: white;
    padding: 4px 12px;
    border-radius: 15px;
    font-size: 0.85em;
    font-weight: 500;
}

.timeline-body p[b-6f0l4jj2xi] {
    margin: 6px 0;
    color: #555;
}

.timeline-body .summary[b-6f0l4jj2xi] {
    color: #7f8c8d;
    font-style: italic;
    font-size: 0.9em;
    margin-top: 8px;
    line-height: 1.6;
}

/* ========================================
   Additional Info Section
   ======================================== */
.additional-info[b-6f0l4jj2xi] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
}

.info-card[b-6f0l4jj2xi] {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.info-card h4[b-6f0l4jj2xi] {
    color: #2c3e50;
    margin-top: 0;
    margin-bottom: 15px;
    border-bottom: 2px solid #3498db;
    padding-bottom: 10px;
}

.text-box[b-6f0l4jj2xi] {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 5px;
    max-height: 300px;
    overflow-y: auto;
    line-height: 1.6;
    color: #2c3e50;
}

.info-card.warning[b-6f0l4jj2xi] {
    border-left: 4px solid #f39c12;
    background: #fef9e7;
}

.info-card.success[b-6f0l4jj2xi] {
    border-left: 4px solid #27ae60;
    background: #eafaf1;
}

.info-card.primary[b-6f0l4jj2xi] {
    border-left: 4px solid #3498db;
    background: #ebf5fb;
}

.similar-crime-item[b-6f0l4jj2xi] {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 12px;
    border-right: 4px solid #3498db;
    transition: all 0.3s;
}

.similar-crime-item:hover[b-6f0l4jj2xi] {
    background: #ebf5fb;
    transform: translateX(-3px);
}

.similar-crime-item strong[b-6f0l4jj2xi] {
    color: #2c3e50;
    display: block;
    margin-bottom: 8px;
    font-size: 1.05em;
}

.crime-meta[b-6f0l4jj2xi] {
    font-size: 0.9em;
    color: #7f8c8d;
    margin-bottom: 10px;
}

.badge-small[b-6f0l4jj2xi] {
    background: #3498db;
    color: white;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 0.85em;
    margin-right: 5px;
}

.crime-summary[b-6f0l4jj2xi] {
    color: #555;
    line-height: 1.7;
    font-style: italic;
    margin-top: 8px;
}

/* ========================================
   Search Section
   ======================================== */
.search-section[b-6f0l4jj2xi] {
    margin-top: 20px;
}

.search-box[b-6f0l4jj2xi] {
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    margin-bottom: 20px;
}

.search-box label[b-6f0l4jj2xi] {
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
    color: #2c3e50;
}

.results h4[b-6f0l4jj2xi] {
    color: #2c3e50;
    margin-bottom: 15px;
}

.result-item[b-6f0l4jj2xi] {
    background: white;
    border: 2px solid #ecf0f1;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 12px;
    cursor: pointer;
    transition: all 0.3s;
}

.result-item:hover[b-6f0l4jj2xi] {
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    transform: translateY(-2px);
    border-color: #3498db;
}

.result-header[b-6f0l4jj2xi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.badge[b-6f0l4jj2xi] {
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: white;
    padding: 5px 12px;
    border-radius: 15px;
    font-size: 0.9em;
    font-weight: 500;
}

.result-body p[b-6f0l4jj2xi] {
    margin: 5px 0;
    color: #555;
}

.result-footer[b-6f0l4jj2xi] {
    margin-top: 12px;
    text-align: left;
}

.no-results[b-6f0l4jj2xi] {
    text-align: center;
    padding: 50px;
    color: #95a5a6;
    font-size: 1.2em;
}

/* ========================================
   Responsive Design
   ======================================== */
@media (max-width: 1200px) {
    .analysis-layout[b-6f0l4jj2xi] {
        flex-direction: column;
    }
    
    .sidebar-info[b-6f0l4jj2xi] {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
}

@media (max-width: 768px) {
    .investigation-page[b-6f0l4jj2xi] {
        padding: 15px;
    }
    
    .sidebar-info[b-6f0l4jj2xi] {
        grid-template-columns: 1fr;
    }
    
    .summary-card[b-6f0l4jj2xi] {
        padding: 20px;
    }
    
    .visualization-container[b-6f0l4jj2xi] {
        padding: 15px;
    }
    
    .chart-container[b-6f0l4jj2xi] {
        min-height: 300px;
    }
    
    #network-container[b-6f0l4jj2xi] {
        height: 350px !important;
    }
    
    .result-header[b-6f0l4jj2xi] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
}
/* _content/SamPro/Components/Pages/Admin/Login.razor.rz.scp.css */
/* Login Page Styles */
.login-page[b-jktz89807m] {
    min-height: 100vh;
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 50%, #1e3c72 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    position: relative;
    overflow: hidden;
}

.login-page[b-jktz89807m]::before {
    content: '';
    position: absolute;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
    border-radius: 50%;
    top: -250px;
    left: -250px;
}

.login-page[b-jktz89807m]::after {
    content: '';
    position: absolute;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.08) 0%, transparent 70%);
    border-radius: 50%;
    bottom: -200px;
    right: -200px;
}

.login-container[b-jktz89807m] {
    width: 100%;
    max-width: 450px;
    position: relative;
    z-index: 1;
}

.login-card[b-jktz89807m] {
    background: white;
    border-radius: 20px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    animation: slideUp-b-jktz89807m 0.6s ease-out;
}

@keyframes slideUp-b-jktz89807m {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.login-header[b-jktz89807m] {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
    color: white;
    padding: 2.5rem 2rem;
    text-align: center;
}

.logo-section .logo-icon[b-jktz89807m] {
    width: 70px;
    height: 70px;
    margin: 0 auto 1rem;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
}

.logo-section .logo-icon svg[b-jktz89807m] {
    width: 36px;
    height: 36px;
    color: white;
}

.login-header h1[b-jktz89807m] {
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0 0 0.5rem;
}

.login-header .subtitle[b-jktz89807m] {
    font-size: 0.95rem;
    opacity: 0.9;
    margin: 0;
}

.login-body[b-jktz89807m] {
    padding: 2.5rem 2rem;
}

.login-body h2[b-jktz89807m] {
    font-size: 1.75rem;
    color: #1e3c72;
    margin: 0 0 1.5rem;
    font-weight: 700;
    text-align: center;
}

.alert[b-jktz89807m] {
    padding: 1rem;
    border-radius: 10px;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.9rem;
    animation: shake-b-jktz89807m 0.5s ease;
}

@keyframes shake-b-jktz89807m {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    75% { transform: translateX(5px); }
}

.alert-error[b-jktz89807m] {
    background: #fee;
    color: #c00;
    border: 1px solid #fcc;
}

.alert svg[b-jktz89807m] {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.login-form[b-jktz89807m] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

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

.form-group label[b-jktz89807m] {
    font-size: 1rem;
    font-weight: 600;
    color: #1e3c72;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
}

.form-group label svg[b-jktz89807m] {
    width: 20px;
    height: 20px;
}

.form-control[b-jktz89807m] {
    padding: 1.25rem 1.5rem;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    font-size: 1.15rem;
    transition: all 0.3s ease;
    outline: none;
    height: 64px;
    line-height: 1.5;
    width: 100%;
    box-sizing: border-box;
}

.form-control:focus[b-jktz89807m] {
    border-color: #2a5298;
    box-shadow: 0 0 0 4px rgba(42, 82, 152, 0.1);
}

.form-control[b-jktz89807m]::placeholder {
    color: #94a3b8;
}

.form-actions[b-jktz89807m] {
    margin-top: 1rem;
}

.btn[b-jktz89807m] {
    padding: 1.25rem 1.5rem;
    border: none;
    border-radius: 10px;
    font-size: 1.15rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    height: 64px;
    box-sizing: border-box;
}

.btn-primary[b-jktz89807m] {
    background: linear-gradient(135deg, #2a5298 0%, #1e3c72 100%);
    color: white;
    box-shadow: 0 4px 12px rgba(30, 60, 114, 0.3);
}

.btn-primary:hover:not(:disabled)[b-jktz89807m] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(30, 60, 114, 0.4);
}

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

.spinner[b-jktz89807m] {
    width: 18px;
    height: 18px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-jktz89807m 0.8s linear infinite;
}

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

.login-footer[b-jktz89807m] {
    padding: 1.5rem 2rem;
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.back-link[b-jktz89807m] {
    color: #475569;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    font-weight: 500;
    transition: all 0.3s ease;
}

.back-link:hover[b-jktz89807m] {
    color: #1e3c72;
    transform: translateX(-3px);
}

.back-link svg[b-jktz89807m] {
    width: 18px;
    height: 18px;
}

.lang-toggle[b-jktz89807m] {
    background: rgba(42, 82, 152, 0.1);
    border: 1px solid rgba(42, 82, 152, 0.2);
    color: #1e3c72;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 600;
    font-size: 0.9rem;
}

.lang-toggle:hover[b-jktz89807m] {
    background: rgba(42, 82, 152, 0.15);
    transform: scale(1.05);
}

/* RTL Support */
[dir="rtl"] .back-link:hover[b-jktz89807m] {
    transform: translateX(3px);
}

[dir="rtl"] .back-link svg[b-jktz89807m] {
    transform: scaleX(-1);
}

/* Responsive */
@media (max-width: 480px) {
    .login-page[b-jktz89807m] {
        padding: 1rem;
    }

    .login-header[b-jktz89807m] {
        padding: 2rem 1.5rem;
    }

    .login-body[b-jktz89807m] {
        padding: 2rem 1.5rem;
    }

    .login-header h1[b-jktz89807m] {
        font-size: 1.2rem;
    }

    .login-footer[b-jktz89807m] {
        flex-direction: column;
        text-align: center;
    }
}

/* _content/SamPro/Components/Pages/Admin/PatternRecognition.razor.rz.scp.css */
.pattern-analysis-page[b-6z1yuxwktp] {
    min-height: 100vh;
    background: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);
    padding: 0;
    position: relative;
}

/* Animated Background */
.pattern-analysis-page[b-6z1yuxwktp]::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        radial-gradient(circle at 20% 50%, rgba(120, 119, 198, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(88, 86, 214, 0.1) 0%, transparent 50%);
    pointer-events: none;
    z-index: 0;
}

/* Loading Screen */
.loading-screen[b-6z1yuxwktp] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.loading-animation[b-6z1yuxwktp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}

.brain-icon[b-6z1yuxwktp] {
    width: 100px;
    height: 100px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 50px;
    color: white;
    animation: pulse-b-6z1yuxwktp 2s ease-in-out infinite;
}

@keyframes pulse-b-6z1yuxwktp {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
    }
    50% {
        transform: scale(1.1);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    }
}

.loading-dots[b-6z1yuxwktp] {
    display: flex;
    gap: 10px;
}

.loading-dots span[b-6z1yuxwktp] {
    width: 12px;
    height: 12px;
    background: white;
    border-radius: 50%;
    animation: bounce-b-6z1yuxwktp 1.4s infinite ease-in-out both;
}

.loading-dots span:nth-child(1)[b-6z1yuxwktp] { animation-delay: -0.32s; }
.loading-dots span:nth-child(2)[b-6z1yuxwktp] { animation-delay: -0.16s; }

@keyframes bounce-b-6z1yuxwktp {
    0%, 80%, 100% { transform: scale(0); }
    40% { transform: scale(1); }
}

.loading-screen h3[b-6z1yuxwktp] {
    color: white;
    font-size: 28px;
    font-weight: 700;
    margin: 20px 0 10px 0;
}

.loading-screen p[b-6z1yuxwktp] {
    color: rgba(255, 255, 255, 0.8);
    font-size: 16px;
}

/* Page Header */
.page-header[b-6z1yuxwktp] {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px);
    padding: 30px 40px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 10;
}

.header-content[b-6z1yuxwktp] {
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.title-group[b-6z1yuxwktp] {
    display: flex;
    align-items: center;
    gap: 20px;
}

.icon-badge[b-6z1yuxwktp] {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: white;
    box-shadow: 0 8px 20px rgba(102, 126, 234, 0.3);
}

.page-title[b-6z1yuxwktp] {
    font-size: 32px;
    font-weight: 800;
    color: #1a202c;
    margin: 0;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.page-subtitle[b-6z1yuxwktp] {
    font-size: 15px;
    color: #718096;
    margin: 5px 0 0 0;
}

.header-right[b-6z1yuxwktp] {
    display: flex;
    gap: 12px;
}

.action-btn[b-6z1yuxwktp] {
    padding: 12px 28px;
    border-radius: 12px;
    border: none;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s;
}

.action-btn.secondary[b-6z1yuxwktp] {
    background: #f7fafc;
    color: #4a5568;
    border: 2px solid #e2e8f0;
}

.action-btn.secondary:hover[b-6z1yuxwktp] {
    background: #edf2f7;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.action-btn.primary[b-6z1yuxwktp] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
}

.action-btn.primary:hover[b-6z1yuxwktp] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.5);
}

/* Stats Section */
.stats-section[b-6z1yuxwktp] {
    max-width: 1600px;
    margin: 30px auto;
    padding: 0 40px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
    position: relative;
    z-index: 10;
}

.stat-card[b-6z1yuxwktp] {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px);
    border-radius: 20px;
    padding: 28px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
    display: flex;
    gap: 20px;
    align-items: center;
    transition: all 0.3s;
    border: 2px solid transparent;
}

.stat-card:hover[b-6z1yuxwktp] {
    transform: translateY(-5px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}

.stat-card.stat-danger[b-6z1yuxwktp] { border-color: rgba(239, 68, 68, 0.2); }
.stat-card.stat-warning[b-6z1yuxwktp] { border-color: rgba(245, 158, 11, 0.2); }
.stat-card.stat-info[b-6z1yuxwktp] { border-color: rgba(59, 130, 246, 0.2); }
.stat-card.stat-success[b-6z1yuxwktp] { border-color: rgba(16, 185, 129, 0.2); }

.stat-icon-wrapper[b-6z1yuxwktp] {
    flex-shrink: 0;
}

.stat-icon[b-6z1yuxwktp] {
    width: 60px;
    height: 60px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
}

.stat-danger .stat-icon[b-6z1yuxwktp] {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    color: white;
}

.stat-warning .stat-icon[b-6z1yuxwktp] {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    color: white;
}

.stat-info .stat-icon[b-6z1yuxwktp] {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    color: white;
}

.stat-success .stat-icon[b-6z1yuxwktp] {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: white;
}

.stat-content[b-6z1yuxwktp] {
    flex: 1;
}

.stat-value[b-6z1yuxwktp] {
    font-size: 36px;
    font-weight: 800;
    color: #1a202c;
    margin: 0 0 5px 0;
    line-height: 1;
}

.stat-label[b-6z1yuxwktp] {
    font-size: 14px;
    font-weight: 600;
    color: #718096;
    margin: 0 0 8px 0;
}

.stat-description[b-6z1yuxwktp] {
    font-size: 13px;
    color: #a0aec0;
    line-height: 1.5;
}

.stat-chart[b-6z1yuxwktp] {
    flex-shrink: 0;
}

.mini-chart[b-6z1yuxwktp] {
    display: flex;
    align-items: flex-end;
    gap: 4px;
    height: 50px;
}

.mini-chart .bar[b-6z1yuxwktp] {
    width: 8px;
    background: linear-gradient(180deg, #f59e0b 0%, #fbbf24 100%);
    border-radius: 4px 4px 0 0;
    transition: all 0.3s;
}

.stat-trend[b-6z1yuxwktp] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #10b981;
    font-size: 18px;
    font-weight: 700;
}

.stat-badge[b-6z1yuxwktp] {
    display: flex;
    align-items: center;
}

.badge[b-6z1yuxwktp] {
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
}

.badge.success[b-6z1yuxwktp] {
    background: #d1fae5;
    color: #065f46;
}

/* Content Grid */
.content-grid[b-6z1yuxwktp] {
    max-width: 1600px;
    margin: 30px auto;
    padding: 0 40px;
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 24px;
    position: relative;
    z-index: 10;
}

.content-card[b-6z1yuxwktp] {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px);
    border-radius: 20px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
    overflow: hidden;
}

.card-header[b-6z1yuxwktp] {
    padding: 24px 28px;
    border-bottom: 2px solid #f7fafc;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-title[b-6z1yuxwktp] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 18px;
    font-weight: 700;
    color: #1a202c;
}

.card-title i[b-6z1yuxwktp] {
    font-size: 22px;
    color: #667eea;
}

.count-badge[b-6z1yuxwktp] {
    background: #edf2f7;
    color: #4a5568;
    padding: 4px 12px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 700;
}

.card-actions[b-6z1yuxwktp] {
    display: flex;
    gap: 8px;
}

.icon-btn[b-6z1yuxwktp] {
    width: 36px;
    height: 36px;
    background: #f7fafc;
    border: none;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #718096;
    transition: all 0.2s;
}

.icon-btn:hover[b-6z1yuxwktp] {
    background: #edf2f7;
    color: #667eea;
}

.icon-btn.small[b-6z1yuxwktp] {
    width: 28px;
    height: 28px;
    font-size: 14px;
}

.card-body[b-6z1yuxwktp] {
    padding: 28px;
}

/* Heatmap */
.heatmap-container[b-6z1yuxwktp] {
    width: 100%;
}

.heatmap-grid[b-6z1yuxwktp] {
    display: grid;
    gap: 2px;
    background: #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
}

.heatmap-corner[b-6z1yuxwktp] {
    background: #f7fafc;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    color: #718096;
}

.heatmap-header[b-6z1yuxwktp] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 14px 12px;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.heatmap-row-header[b-6z1yuxwktp] {
    background: #f7fafc;
    padding: 14px 12px;
    font-size: 13px;
    font-weight: 700;
    color: #2d3748;
    display: flex;
    align-items: center;
    gap: 8px;
}

.heatmap-row-header i[b-6z1yuxwktp] {
    color: #667eea;
    font-size: 14px;
}

.heatmap-cell[b-6z1yuxwktp] {
    background: white;
    padding: 16px;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.heatmap-cell:hover[b-6z1yuxwktp] {
    transform: scale(1.05);
    z-index: 10;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.cell-content[b-6z1yuxwktp] {
    text-align: center;
}

.cell-value[b-6z1yuxwktp] {
    font-size: 16px;
    font-weight: 700;
    color: #1a202c;
}

/* Heatmap Intensity Colors */
.intensity-0[b-6z1yuxwktp] {
    background: #f7fafc;
}

.intensity-1[b-6z1yuxwktp] {
    background: #e3f2fd;
}

.intensity-2[b-6z1yuxwktp] {
    background: #90caf9;
}

.intensity-3[b-6z1yuxwktp] {
    background: #42a5f5;
}

.intensity-4[b-6z1yuxwktp] {
    background: #1e88e5;
}

.intensity-5[b-6z1yuxwktp] {
    background: #1565c0;
}

.intensity-3 .cell-value[b-6z1yuxwktp],
.intensity-4 .cell-value[b-6z1yuxwktp],
.intensity-5 .cell-value[b-6z1yuxwktp] {
    color: white;
}

/* Heatmap Legend */
.heatmap-legend[b-6z1yuxwktp] {
    margin-top: 20px;
    padding: 16px;
    background: #f7fafc;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.legend-label[b-6z1yuxwktp] {
    font-size: 13px;
    font-weight: 700;
    color: #4a5568;
}

.legend-items[b-6z1yuxwktp] {
    display: flex;
    gap: 16px;
}

.legend-item[b-6z1yuxwktp] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #718096;
}

.legend-color[b-6z1yuxwktp] {
    width: 24px;
    height: 24px;
    border-radius: 4px;
}

/* Sequences Section */
.sequences-list[b-6z1yuxwktp] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.sequence-card[b-6z1yuxwktp] {
    background: #f7fafc;
    border-radius: 14px;
    padding: 20px;
    border: 2px solid #e2e8f0;
    transition: all 0.3s;
}

.sequence-card:hover[b-6z1yuxwktp] {
    border-color: #667eea;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.15);
}

.sequence-header[b-6z1yuxwktp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.sequence-info[b-6z1yuxwktp] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sequence-badge[b-6z1yuxwktp] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
}

.sequence-location[b-6z1yuxwktp] {
    color: #718096;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.sequence-description[b-6z1yuxwktp] {
    color: #4a5568;
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 16px 0;
}

.sequence-flow[b-6z1yuxwktp] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
}

.flow-step[b-6z1yuxwktp] {
    background: white;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.flow-step.severe[b-6z1yuxwktp] {
    background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
    border-color: #ef4444;
}

.step-number[b-6z1yuxwktp] {
    width: 28px;
    height: 28px;
    background: #667eea;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    flex-shrink: 0;
}

.flow-step.severe .step-number[b-6z1yuxwktp] {
    background: #ef4444;
}

.step-content[b-6z1yuxwktp] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.step-name[b-6z1yuxwktp] {
    font-size: 14px;
    font-weight: 600;
    color: #2d3748;
}

.severity-icon[b-6z1yuxwktp] {
    color: #ef4444;
    font-size: 16px;
}

.flow-arrow[b-6z1yuxwktp] {
    text-align: center;
    color: #cbd5e0;
    font-size: 18px;
    margin: 2px 0;
}

.sequence-footer[b-6z1yuxwktp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 12px;
    border-top: 1px solid #e2e8f0;
}

.sequence-date[b-6z1yuxwktp] {
    color: #a0aec0;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.view-details-btn[b-6z1yuxwktp] {
    background: none;
    border: none;
    color: #667eea;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s;
}

.view-details-btn:hover[b-6z1yuxwktp] {
    color: #764ba2;
    gap: 10px;
}

/* Empty State */
.empty-state[b-6z1yuxwktp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    text-align: center;
}

.empty-state i[b-6z1yuxwktp] {
    font-size: 64px;
    color: #cbd5e0;
    margin-bottom: 16px;
}

.empty-state p[b-6z1yuxwktp] {
    color: #a0aec0;
    font-size: 15px;
    margin: 0 0 20px 0;
}

.primary-btn[b-6z1yuxwktp] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s;
}

.primary-btn:hover[b-6z1yuxwktp] {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(102, 126, 234, 0.4);
}

.primary-btn.small[b-6z1yuxwktp] {
    padding: 10px 20px;
    font-size: 13px;
}

/* Insights Section */
.insights-section[b-6z1yuxwktp] {
    max-width: 1600px;
    margin: 30px auto 40px;
    padding: 0 40px;
    position: relative;
    z-index: 10;
}

.section-header[b-6z1yuxwktp] {
    margin-bottom: 24px;
}

.section-title[b-6z1yuxwktp] {
    font-size: 26px;
    font-weight: 800;
    color: white;
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
}

.section-title i[b-6z1yuxwktp] {
    font-size: 28px;
    color: #fbbf24;
}

.insights-grid[b-6z1yuxwktp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 24px;
}

.insight-card[b-6z1yuxwktp] {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px);
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
    transition: all 0.3s;
}

.insight-card:hover[b-6z1yuxwktp] {
    transform: translateY(-5px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}

.insight-icon[b-6z1yuxwktp] {
    width: 60px;
    height: 60px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: white;
    margin-bottom: 20px;
}

.insight-icon.temporal[b-6z1yuxwktp] {
    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
}

.insight-icon.geographic[b-6z1yuxwktp] {
    background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);
}

.insight-icon.network[b-6z1yuxwktp] {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}

.insight-title[b-6z1yuxwktp] {
    font-size: 20px;
    font-weight: 700;
    color: #1a202c;
    margin: 0 0 12px 0;
}

.insight-description[b-6z1yuxwktp] {
    font-size: 14px;
    color: #718096;
    line-height: 1.7;
    margin: 0 0 20px 0;
}

.insight-value[b-6z1yuxwktp] {
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.value-number[b-6z1yuxwktp] {
    font-size: 36px;
    font-weight: 800;
    color: #667eea;
}

.value-label[b-6z1yuxwktp] {
    font-size: 14px;
    color: #a0aec0;
}

/* Responsive */
@media (max-width: 1400px) {
    .content-grid[b-6z1yuxwktp] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .page-header[b-6z1yuxwktp] {
        padding: 20px;
    }

    .header-content[b-6z1yuxwktp] {
        flex-direction: column;
        gap: 20px;
        align-items: stretch;
    }

    .header-right[b-6z1yuxwktp] {
        flex-direction: column;
    }

    .stats-section[b-6z1yuxwktp],
    .content-grid[b-6z1yuxwktp],
    .insights-section[b-6z1yuxwktp] {
        padding: 0 20px;
    }

    .stats-section[b-6z1yuxwktp] {
        grid-template-columns: 1fr;
    }

    .page-title[b-6z1yuxwktp] {
        font-size: 24px;
    }

    .stat-card[b-6z1yuxwktp] {
        flex-direction: column;
        text-align: center;
    }

    .heatmap-grid[b-6z1yuxwktp] {
        font-size: 11px;
    }

    .insights-grid[b-6z1yuxwktp] {
        grid-template-columns: 1fr;
    }
}

/* Animations */
@keyframes fadeIn-b-6z1yuxwktp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.stat-card[b-6z1yuxwktp],
.content-card[b-6z1yuxwktp],
.insight-card[b-6z1yuxwktp] {
    animation: fadeIn-b-6z1yuxwktp 0.5s ease-out;
}

.stat-card:nth-child(1)[b-6z1yuxwktp] { animation-delay: 0.1s; }
.stat-card:nth-child(2)[b-6z1yuxwktp] { animation-delay: 0.2s; }
.stat-card:nth-child(3)[b-6z1yuxwktp] { animation-delay: 0.3s; }
.stat-card:nth-child(4)[b-6z1yuxwktp] { animation-delay: 0.4s; }

/* _content/SamPro/Components/Pages/Admin/RagChat.razor.rz.scp.css */
/* RAG Chat Styles */
.rag-chat-container[b-zdpy32uvb7] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 120px);
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}

.rag-header[b-zdpy32uvb7] {
    background: rgba(255, 255, 255, 0.95);
    padding: 20px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #e0e0e0;
}

.rag-header h2[b-zdpy32uvb7] {
    margin: 0;
    color: #2c3e50;
    font-size: 24px;
    font-weight: 700;
}

.subtitle[b-zdpy32uvb7] {
    color: #7f8c8d;
    margin: 5px 0 0 0;
    font-size: 14px;
}

.header-actions[b-zdpy32uvb7] {
    display: flex;
    gap: 10px;
}

.btn-upload[b-zdpy32uvb7], .btn-docs[b-zdpy32uvb7] {
    padding: 10px 20px;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-upload[b-zdpy32uvb7] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.btn-upload:hover[b-zdpy32uvb7] {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
}

.btn-docs[b-zdpy32uvb7] {
    background: white;
    color: #667eea;
    border: 2px solid #667eea;
}

.btn-docs:hover[b-zdpy32uvb7] {
    background: #667eea;
    color: white;
}

.rag-body[b-zdpy32uvb7] {
    display: flex;
    height: 100%;
    overflow: hidden;
    position: relative;
}

/* Documents Panel */
.documents-panel[b-zdpy32uvb7] {
    width: 350px;
    background: white;
    border-left: 2px solid #e0e0e0;
    display: flex;
    flex-direction: column;
    box-shadow: -2px 0 10px rgba(0,0,0,0.1);
    z-index: 10;
}

.upload-panel[b-zdpy32uvb7] {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 400px;
    background: white;
    border-radius: 15px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3);
    z-index: 100;
    animation: slideIn-b-zdpy32uvb7 0.3s ease;
}

@keyframes slideIn-b-zdpy32uvb7 {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.panel-header[b-zdpy32uvb7] {
    padding: 20px;
    border-bottom: 2px solid #f0f0f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.panel-header h3[b-zdpy32uvb7] {
    margin: 0;
    color: #2c3e50;
    font-size: 18px;
}

.btn-close[b-zdpy32uvb7] {
    background: none;
    border: none;
    font-size: 24px;
    color: #95a5a6;
    cursor: pointer;
    padding: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.btn-close:hover[b-zdpy32uvb7] {
    background: #e74c3c;
    color: white;
}

.documents-list[b-zdpy32uvb7] {
    flex: 1;
    overflow-y: auto;
    padding: 15px;
}

.document-card[b-zdpy32uvb7] {
    background: #f8f9fa;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 15px;
    display: flex;
    gap: 15px;
    align-items: flex-start;
    transition: all 0.3s ease;
}

.document-card:hover[b-zdpy32uvb7] {
    background: #e9ecef;
    transform: translateX(-5px);
}

.doc-icon[b-zdpy32uvb7] {
    font-size: 32px;
}

.doc-info[b-zdpy32uvb7] {
    flex: 1;
}

.doc-name[b-zdpy32uvb7] {
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 5px;
}

.doc-meta[b-zdpy32uvb7] {
    display: flex;
    gap: 10px;
    font-size: 12px;
    color: #7f8c8d;
    flex-wrap: wrap;
}

.doc-desc[b-zdpy32uvb7] {
    margin-top: 8px;
    font-size: 13px;
    color: #5a6c7d;
    line-height: 1.4;
}

.btn-delete[b-zdpy32uvb7] {
    background: none;
    border: none;
    color: #e74c3c;
    cursor: pointer;
    font-size: 18px;
    padding: 5px;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.btn-delete:hover[b-zdpy32uvb7] {
    background: #e74c3c;
    color: white;
}

/* Upload Form */
.upload-form[b-zdpy32uvb7] {
    padding: 20px;
}

.form-group[b-zdpy32uvb7] {
    margin-bottom: 15px;
}

.form-group label[b-zdpy32uvb7] {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
    color: #2c3e50;
}

.form-group input[b-zdpy32uvb7],
.form-group textarea[b-zdpy32uvb7] {
    width: 100%;
    padding: 10px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 14px;
    transition: border-color 0.3s ease;
}

.form-group input:focus[b-zdpy32uvb7],
.form-group textarea:focus[b-zdpy32uvb7] {
    outline: none;
    border-color: #667eea;
}

.file-input[b-zdpy32uvb7] {
    width: 100%;
    padding: 15px;
    border: 2px dashed #667eea;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

.file-input:hover[b-zdpy32uvb7] {
    background: #f8f9ff;
}

.upload-progress[b-zdpy32uvb7] {
    margin: 15px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.progress-bar[b-zdpy32uvb7] {
    flex: 1;
    height: 8px;
    background: #e0e0e0;
    border-radius: 10px;
    overflow: hidden;
}

.progress-fill[b-zdpy32uvb7] {
    height: 100%;
    background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
    transition: width 0.3s ease;
}

.alert[b-zdpy32uvb7] {
    padding: 12px;
    border-radius: 8px;
    margin: 15px 0;
    font-size: 14px;
}

.alert-error[b-zdpy32uvb7] {
    background: #fee;
    color: #c33;
    border: 1px solid #fcc;
}

.alert-success[b-zdpy32uvb7] {
    background: #efe;
    color: #3c3;
    border: 1px solid #cfc;
}

.form-actions[b-zdpy32uvb7] {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

.btn-primary[b-zdpy32uvb7], .btn-secondary[b-zdpy32uvb7] {
    flex: 1;
    padding: 12px;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-primary[b-zdpy32uvb7] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.btn-primary:hover:not(:disabled)[b-zdpy32uvb7] {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
}

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

.btn-secondary[b-zdpy32uvb7] {
    background: white;
    color: #667eea;
    border: 2px solid #667eea;
}

.btn-secondary:hover:not(:disabled)[b-zdpy32uvb7] {
    background: #f8f9ff;
}

/* Chat Area */
.chat-area[b-zdpy32uvb7] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: white;
}

.messages-container[b-zdpy32uvb7] {
    flex: 1;
    overflow-y: auto;
    padding: 30px;
    background: linear-gradient(to bottom, #f8f9fa 0%, white 100%);
}

.welcome-message[b-zdpy32uvb7] {
    text-align: center;
    padding: 60px 40px;
}

.welcome-icon[b-zdpy32uvb7] {
    font-size: 80px;
    margin-bottom: 20px;
}

.welcome-message h3[b-zdpy32uvb7] {
    color: #2c3e50;
    margin: 0 0 10px 0;
}

.welcome-message p[b-zdpy32uvb7] {
    color: #7f8c8d;
    font-size: 16px;
}

.quick-tips[b-zdpy32uvb7] {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
}

.tip[b-zdpy32uvb7] {
    background: rgba(102, 126, 234, 0.1);
    padding: 15px 25px;
    border-radius: 10px;
    color: #5a6c7d;
    max-width: 500px;
}

.message[b-zdpy32uvb7] {
    display: flex;
    gap: 15px;
    margin-bottom: 25px;
    animation: fadeIn-b-zdpy32uvb7 0.4s ease;
}

@keyframes fadeIn-b-zdpy32uvb7 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.message.user[b-zdpy32uvb7] {
    flex-direction: row-reverse;
}

.message-avatar[b-zdpy32uvb7] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    flex-shrink: 0;
}

.message.user .message-avatar[b-zdpy32uvb7] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.message.assistant .message-avatar[b-zdpy32uvb7] {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    color: white;
}

.message-content[b-zdpy32uvb7] {
    flex: 1;
    max-width: 70%;
}

.message.user .message-content[b-zdpy32uvb7] {
    text-align: right;
}

.message-text[b-zdpy32uvb7] {
    background: white;
    padding: 15px 20px;
    border-radius: 15px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    line-height: 1.6;
}

.message.user .message-text[b-zdpy32uvb7] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.message-sources[b-zdpy32uvb7] {
    margin-top: 15px;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 10px;
    border-right: 4px solid #667eea;
}

.sources-header[b-zdpy32uvb7] {
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 10px;
}

.source-item[b-zdpy32uvb7] {
    background: white;
    padding: 12px;
    border-radius: 8px;
    margin-bottom: 10px;
    border: 1px solid #e0e0e0;
}

.source-item:last-child[b-zdpy32uvb7] {
    margin-bottom: 0;
}

.source-header[b-zdpy32uvb7] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

.source-name[b-zdpy32uvb7] {
    font-weight: 600;
    color: #667eea;
    font-size: 13px;
}

.source-score[b-zdpy32uvb7] {
    background: #667eea;
    color: white;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
}

.source-content[b-zdpy32uvb7] {
    color: #5a6c7d;
    font-size: 13px;
    line-height: 1.5;
}

.message-meta[b-zdpy32uvb7] {
    margin-top: 5px;
    font-size: 11px;
    color: #95a5a6;
}

.typing-indicator[b-zdpy32uvb7] {
    display: flex;
    gap: 5px;
    padding: 15px 20px;
    background: white;
    border-radius: 15px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.typing-indicator span[b-zdpy32uvb7] {
    width: 8px;
    height: 8px;
    background: #667eea;
    border-radius: 50%;
    animation: bounce-b-zdpy32uvb7 1.4s infinite ease-in-out both;
}

.typing-indicator span:nth-child(1)[b-zdpy32uvb7] {
    animation-delay: -0.32s;
}

.typing-indicator span:nth-child(2)[b-zdpy32uvb7] {
    animation-delay: -0.16s;
}

@keyframes bounce-b-zdpy32uvb7 {
    0%, 80%, 100% {
        transform: scale(0);
    }
    40% {
        transform: scale(1);
    }
}

/* Input Area */
.input-area[b-zdpy32uvb7] {
    padding: 20px 30px;
    background: white;
    border-top: 2px solid #e0e0e0;
    display: flex;
    gap: 15px;
    align-items: flex-end;
}

.input-area textarea[b-zdpy32uvb7] {
    flex: 1;
    padding: 15px;
    border: 2px solid #e0e0e0;
    border-radius: 12px;
    font-size: 15px;
    resize: none;
    font-family: inherit;
    transition: border-color 0.3s ease;
}

.input-area textarea:focus[b-zdpy32uvb7] {
    outline: none;
    border-color: #667eea;
}

.btn-send[b-zdpy32uvb7] {
    width: 50px;
    height: 50px;
    border: none;
    border-radius: 12px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    font-size: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-send:hover:not(:disabled)[b-zdpy32uvb7] {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
}

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

.spinner[b-zdpy32uvb7] {
    border: 3px solid rgba(255,255,255,0.3);
    border-top: 3px solid white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin-b-zdpy32uvb7 1s linear infinite;
}

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

@keyframes spin-b-zdpy32uvb7 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.empty-state[b-zdpy32uvb7] {
    text-align: center;
    padding: 60px 20px;
    color: #95a5a6;
}

.empty-state i[b-zdpy32uvb7] {
    font-size: 60px;
    margin-bottom: 15px;
}

/* Scrollbar Styling */
.documents-list[b-zdpy32uvb7]::-webkit-scrollbar,
.messages-container[b-zdpy32uvb7]::-webkit-scrollbar {
    width: 8px;
}

.documents-list[b-zdpy32uvb7]::-webkit-scrollbar-track,
.messages-container[b-zdpy32uvb7]::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.documents-list[b-zdpy32uvb7]::-webkit-scrollbar-thumb,
.messages-container[b-zdpy32uvb7]::-webkit-scrollbar-thumb {
    background: #667eea;
    border-radius: 10px;
}

.documents-list[b-zdpy32uvb7]::-webkit-scrollbar-thumb:hover,
.messages-container[b-zdpy32uvb7]::-webkit-scrollbar-thumb:hover {
    background: #764ba2;
}

/* Responsive */
@media (max-width: 768px) {
    .documents-panel[b-zdpy32uvb7] {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        z-index: 20;
    }

    .upload-panel[b-zdpy32uvb7] {
        width: calc(100% - 40px);
    }

    .message-content[b-zdpy32uvb7] {
        max-width: 85%;
    }
}

/* _content/SamPro/Components/Pages/Admin/ReportsCenter/AdvancedReports.razor.rz.scp.css */
.reports-center-page[b-wusiyrjnj6] {
    min-height: 100vh;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

/* Page Header */
.page-header[b-wusiyrjnj6] {
    background: white;
    padding: 30px 40px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
    border-bottom: 3px solid #667eea;
}

.header-content[b-wusiyrjnj6] {
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-left[b-wusiyrjnj6] {
    display: flex;
    align-items: center;
    gap: 20px;
}

.icon-badge[b-wusiyrjnj6] {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    color: white;
    box-shadow: 0 8px 20px rgba(102, 126, 234, 0.3);
}

.title-group[b-wusiyrjnj6] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.page-title[b-wusiyrjnj6] {
    font-size: 32px;
    font-weight: 800;
    color: #1a202c;
    margin: 0;
}

.page-subtitle[b-wusiyrjnj6] {
    font-size: 15px;
    color: #718096;
    margin: 0;
}

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

/* Category Tabs */
.reports-categories[b-wusiyrjnj6] {
    background: white;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid #e2e8f0;
}

.category-tabs[b-wusiyrjnj6] {
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    gap: 0;
}

.category-tab[b-wusiyrjnj6] {
    flex: 1;
    padding: 20px 30px;
    background: transparent;
    border: none;
    border-bottom: 3px solid transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #718096;
    transition: all 0.3s;
}

.category-tab:hover[b-wusiyrjnj6] {
    background: #f7fafc;
    color: #667eea;
}

.category-tab.active[b-wusiyrjnj6] {
    color: #667eea;
    border-bottom-color: #667eea;
    background: #f7fafc;
}

.category-tab i[b-wusiyrjnj6] {
    font-size: 20px;
}

/* Tab Content */
.tab-content[b-wusiyrjnj6] {
    max-width: 1600px;
    margin: 30px auto;
    padding: 0 40px;
}

.content-section[b-wusiyrjnj6] {
    background: white;
    border-radius: 16px;
    padding: 40px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.section-title[b-wusiyrjnj6] {
    margin-bottom: 30px;
    border-bottom: 2px solid #f7fafc;
    padding-bottom: 20px;
}

.section-title h2[b-wusiyrjnj6] {
    font-size: 28px;
    font-weight: 700;
    color: #1a202c;
    margin: 0 0 10px 0;
}

.section-title p[b-wusiyrjnj6] {
    font-size: 15px;
    color: #718096;
    margin: 0;
}

/* Custom Report Builder */
.custom-report-builder[b-wusiyrjnj6] {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.builder-section[b-wusiyrjnj6] {
    background: #f9fafb;
    border-radius: 12px;
    padding: 24px;
    border: 2px solid #e5e7eb;
}

.builder-title[b-wusiyrjnj6] {
    font-size: 18px;
    font-weight: 700;
    color: #1a202c;
    margin: 0 0 20px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.builder-form[b-wusiyrjnj6] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.form-row[b-wusiyrjnj6] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

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

.form-group.full-width[b-wusiyrjnj6] {
    grid-column: 1 / -1;
}

.form-group label[b-wusiyrjnj6] {
    font-size: 14px;
    font-weight: 600;
    color: #4a5568;
}

/* Data Selection */
.data-selection[b-wusiyrjnj6] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.selection-category h4[b-wusiyrjnj6] {
    font-size: 16px;
    font-weight: 700;
    color: #2d3748;
    margin: 0 0 12px 0;
}

.checkbox-grid[b-wusiyrjnj6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 16px;
}

.checkbox-label[b-wusiyrjnj6] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    background: white;
    border-radius: 8px;
    border: 2px solid #e5e7eb;
    cursor: pointer;
    transition: all 0.2s;
}

.checkbox-label:hover[b-wusiyrjnj6] {
    border-color: #667eea;
    background: #f7fafc;
}

.checkbox-label span[b-wusiyrjnj6] {
    font-size: 14px;
    font-weight: 600;
    color: #4a5568;
}

/* Builder Actions */
.builder-actions[b-wusiyrjnj6] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding-top: 20px;
    border-top: 2px solid #e5e7eb;
}

/* Templates Grid */
.templates-grid[b-wusiyrjnj6] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 24px;
}

.template-card[b-wusiyrjnj6] {
    background: white;
    border-radius: 16px;
    padding: 28px;
    border: 2px solid #e5e7eb;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
}

.template-card:hover[b-wusiyrjnj6] {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
    border-color: #667eea;
}

.template-card.featured[b-wusiyrjnj6] {
    border-color: #f59e0b;
    background: linear-gradient(135deg, #fffbeb 0%, white 100%);
}

.template-card.urgent[b-wusiyrjnj6] {
    border-color: #ef4444;
    background: linear-gradient(135deg, #fef2f2 0%, white 100%);
}

.template-badge[b-wusiyrjnj6] {
    position: absolute;
    top: 16px;
    left: 16px;
    background: #f59e0b;
    color: white;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
}

.template-badge.urgent[b-wusiyrjnj6] {
    background: #ef4444;
}

.template-icon[b-wusiyrjnj6] {
    width: 70px;
    height: 70px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    color: white;
    margin-bottom: 20px;
}

.template-icon.un[b-wusiyrjnj6] {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
}

.template-icon.hrw[b-wusiyrjnj6] {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
}

.template-icon.amnesty[b-wusiyrjnj6] {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}

.template-icon.annual[b-wusiyrjnj6] {
    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
}

.template-icon.monthly[b-wusiyrjnj6] {
    background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);
}

.template-icon.crisis[b-wusiyrjnj6] {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
}

.template-title[b-wusiyrjnj6] {
    font-size: 20px;
    font-weight: 700;
    color: #1a202c;
    margin: 0 0 12px 0;
}

.template-description[b-wusiyrjnj6] {
    font-size: 14px;
    color: #718096;
    line-height: 1.6;
    margin: 0 0 16px 0;
}

.template-features[b-wusiyrjnj6] {
    display: flex;
    gap: 8px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.feature-tag[b-wusiyrjnj6] {
    background: #f7fafc;
    color: #4a5568;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    border: 1px solid #e2e8f0;
}

.template-actions[b-wusiyrjnj6] {
    display: flex;
    gap: 10px;
}

/* Comparison Builder */
.comparison-builder[b-wusiyrjnj6] {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.comparison-config[b-wusiyrjnj6] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.config-section h3[b-wusiyrjnj6] {
    font-size: 18px;
    font-weight: 700;
    color: #1a202c;
    margin: 0 0 16px 0;
}

.config-row[b-wusiyrjnj6] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 24px;
    align-items: center;
}

.config-group[b-wusiyrjnj6] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.config-group label[b-wusiyrjnj6] {
    font-size: 14px;
    font-weight: 600;
    color: #4a5568;
}

.date-selectors[b-wusiyrjnj6] {
    display: flex;
    gap: 2%;
}

.vs-divider[b-wusiyrjnj6] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 700;
    font-size: 16px;
}

.indicators-grid[b-wusiyrjnj6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 16px;
}

.comparison-actions[b-wusiyrjnj6] {
    display: flex;
    justify-content: center;
    gap: 16px;
    padding-top: 24px;
    border-top: 2px solid #e5e7eb;
}

/* Comparison Results */
.comparison-results[b-wusiyrjnj6] {
    background: #f9fafb;
    border-radius: 12px;
    padding: 28px;
    border: 2px solid #e5e7eb;
}

.comparison-results h3[b-wusiyrjnj6] {
    font-size: 20px;
    font-weight: 700;
    color: #1a202c;
    margin: 0 0 20px 0;
}

.results-grid[b-wusiyrjnj6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.result-card[b-wusiyrjnj6] {
    background: white;
    border-radius: 12px;
    padding: 24px;
    display: flex;
    gap: 20px;
    align-items: center;
    border: 2px solid #e5e7eb;
}

.result-card.increase[b-wusiyrjnj6] {
    border-color: #ef4444;
    background: linear-gradient(135deg, #fef2f2 0%, white 100%);
}

.result-card.decrease[b-wusiyrjnj6] {
    border-color: #10b981;
    background: linear-gradient(135deg, #d1fae5 0%, white 100%);
}

.result-card.neutral[b-wusiyrjnj6] {
    border-color: #f59e0b;
    background: linear-gradient(135deg, #fef3c7 0%, white 100%);
}

.result-icon[b-wusiyrjnj6] {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: white;
}

.result-card.increase .result-icon[b-wusiyrjnj6] {
    background: #ef4444;
}

.result-card.decrease .result-icon[b-wusiyrjnj6] {
    background: #10b981;
}

.result-card.neutral .result-icon[b-wusiyrjnj6] {
    background: #f59e0b;
}

.result-content[b-wusiyrjnj6] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.result-label[b-wusiyrjnj6] {
    font-size: 14px;
    color: #718096;
    font-weight: 600;
}

.result-value[b-wusiyrjnj6] {
    font-size: 28px;
    font-weight: 800;
    color: #1a202c;
}

/* Executive Dashboard */
.executive-dashboard[b-wusiyrjnj6] {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.kpi-section h3[b-wusiyrjnj6] {
    font-size: 22px;
    font-weight: 700;
    color: #1a202c;
    margin: 0 0 20px 0;
}

.kpi-grid[b-wusiyrjnj6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.kpi-card[b-wusiyrjnj6] {
    background: white;
    border-radius: 14px;
    padding: 24px;
    border: 2px solid #e5e7eb;
    display: flex;
    gap: 20px;
    transition: all 0.3s;
}

.kpi-card:hover[b-wusiyrjnj6] {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.kpi-card.primary[b-wusiyrjnj6] {
    border-color: #3b82f6;
}

.kpi-card.danger[b-wusiyrjnj6] {
    border-color: #ef4444;
}

.kpi-card.success[b-wusiyrjnj6] {
    border-color: #10b981;
}

.kpi-card.warning[b-wusiyrjnj6] {
    border-color: #f59e0b;
}

.kpi-icon[b-wusiyrjnj6] {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: white;
}

.kpi-card.primary .kpi-icon[b-wusiyrjnj6] {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
}

.kpi-card.danger .kpi-icon[b-wusiyrjnj6] {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
}

.kpi-card.success .kpi-icon[b-wusiyrjnj6] {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
}

.kpi-card.warning .kpi-icon[b-wusiyrjnj6] {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}

.kpi-content[b-wusiyrjnj6] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.kpi-value[b-wusiyrjnj6] {
    font-size: 36px;
    font-weight: 800;
    color: #1a202c;
    line-height: 1;
}

.kpi-label[b-wusiyrjnj6] {
    font-size: 14px;
    color: #718096;
    font-weight: 600;
}

.kpi-change[b-wusiyrjnj6] {
    font-size: 12px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 6px;
    align-self: flex-start;
}

.kpi-change.positive[b-wusiyrjnj6] {
    background: #d1fae5;
    color: #065f46;
}

.kpi-change.negative[b-wusiyrjnj6] {
    background: #fee2e2;
    color: #991b1b;
}

.kpi-change.neutral[b-wusiyrjnj6] {
    background: #f3f4f6;
    color: #4b5563;
}

/* Executive Summary */
.executive-summary[b-wusiyrjnj6] {
    background: #f9fafb;
    border-radius: 12px;
    padding: 28px;
    border: 2px solid #e5e7eb;
}

.executive-summary h3[b-wusiyrjnj6] {
    font-size: 22px;
    font-weight: 700;
    color: #1a202c;
    margin: 0 0 20px 0;
}

.summary-content[b-wusiyrjnj6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 24px;
}

.summary-section h4[b-wusiyrjnj6] {
    font-size: 18px;
    font-weight: 700;
    color: #2d3748;
    margin: 0 0 16px 0;
}

.summary-list[b-wusiyrjnj6] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.summary-list li[b-wusiyrjnj6] {
    padding: 12px 16px;
    background: white;
    border-radius: 8px;
    border-right: 4px solid #667eea;
    font-size: 14px;
    color: #4a5568;
    line-height: 1.6;
}

.summary-list.recommendations li[b-wusiyrjnj6] {
    border-right-color: #10b981;
}

/* Executive Actions */
.executive-actions[b-wusiyrjnj6] {
    display: flex;
    justify-content: center;
    gap: 16px;
    padding-top: 24px;
    border-top: 2px solid #e5e7eb;
    flex-wrap: wrap;
}

/* Responsive */
@media (max-width: 1200px) {
    .config-row[b-wusiyrjnj6] {
        grid-template-columns: 1fr;
    }

    .vs-divider[b-wusiyrjnj6] {
        width: 100%;
        height: 60px;
        border-radius: 12px;
    }
}

@media (max-width: 768px) {
    .page-header[b-wusiyrjnj6] {
        padding: 20px;
    }

    .header-content[b-wusiyrjnj6] {
        flex-direction: column;
        gap: 20px;
        align-items: stretch;
    }

    .header-actions[b-wusiyrjnj6] {
        flex-direction: column;
    }

    .tab-content[b-wusiyrjnj6] {
        padding: 0 20px;
    }

    .content-section[b-wusiyrjnj6] {
        padding: 24px;
    }

    .category-tabs[b-wusiyrjnj6] {
        flex-wrap: wrap;
    }

    .category-tab[b-wusiyrjnj6] {
        flex: 1 1 50%;
    }

    .templates-grid[b-wusiyrjnj6] {
        grid-template-columns: 1fr;
    }

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

    .kpi-grid[b-wusiyrjnj6] {
        grid-template-columns: 1fr;
    }

    .summary-content[b-wusiyrjnj6] {
        grid-template-columns: 1fr;
    }

    .executive-actions[b-wusiyrjnj6] {
        flex-direction: column;
    }

    .builder-actions[b-wusiyrjnj6] {
        flex-direction: column;
    }

    .comparison-actions[b-wusiyrjnj6] {
        flex-direction: column;
    }
}

/* Animations */
@keyframes fadeIn-b-wusiyrjnj6 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.tab-content[b-wusiyrjnj6] {
    animation: fadeIn-b-wusiyrjnj6 0.4s ease-out;
}

.template-card[b-wusiyrjnj6] {
    animation: fadeIn-b-wusiyrjnj6 0.5s ease-out;
}

.template-card:nth-child(1)[b-wusiyrjnj6] { animation-delay: 0.1s; }
.template-card:nth-child(2)[b-wusiyrjnj6] { animation-delay: 0.2s; }
.template-card:nth-child(3)[b-wusiyrjnj6] { animation-delay: 0.3s; }
.template-card:nth-child(4)[b-wusiyrjnj6] { animation-delay: 0.4s; }
.template-card:nth-child(5)[b-wusiyrjnj6] { animation-delay: 0.5s; }
.template-card:nth-child(6)[b-wusiyrjnj6] { animation-delay: 0.6s; }

/* Loading Overlay */
.loading-overlay[b-wusiyrjnj6] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    animation: fadeIn-b-wusiyrjnj6 0.3s ease-out;
}

.loading-content[b-wusiyrjnj6] {
    background: white;
    padding: 48px 64px;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    max-width: 500px;
}

.loading-content h3[b-wusiyrjnj6] {
    font-size: 22px;
    font-weight: 700;
    color: #1a202c;
    margin: 24px 0 8px 0;
}

.loading-content p[b-wusiyrjnj6] {
    font-size: 16px;
    color: #718096;
    margin: 0;
}

/* Spinner Animation */
.spinner[b-wusiyrjnj6] {
    width: 64px;
    height: 64px;
    margin: 0 auto;
    border: 6px solid #e5e7eb;
    border-top-color: #667eea;
    border-radius: 50%;
    animation: spin-b-wusiyrjnj6 1s linear infinite;
}

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

/* Report Preview Modal */
.report-preview-overlay[b-wusiyrjnj6] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    animation: fadeIn-b-wusiyrjnj6 0.3s ease-out;
    padding: 20px;
}

.report-preview-modal[b-wusiyrjnj6] {
    background: white;
    border-radius: 24px;
    max-width: 900px;
    width: 100%;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    animation: slideUp-b-wusiyrjnj6 0.4s ease-out;
}

@keyframes slideUp-b-wusiyrjnj6 {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.modal-header[b-wusiyrjnj6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 32px;
    border-bottom: 2px solid #e5e7eb;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 24px 24px 0 0;
}

.modal-title[b-wusiyrjnj6] {
    display: flex;
    align-items: center;
    gap: 16px;
    color: white;
}

.modal-title i[b-wusiyrjnj6] {
    font-size: 32px;
}

.modal-title h2[b-wusiyrjnj6] {
    font-size: 26px;
    font-weight: 700;
    margin: 0;
}

.close-btn[b-wusiyrjnj6] {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    color: white;
    font-size: 20px;
}

.close-btn:hover[b-wusiyrjnj6] {
    background: rgba(255, 255, 255, 0.3);
    transform: rotate(90deg);
}

.modal-body[b-wusiyrjnj6] {
    padding: 32px;
    overflow-y: auto;
    flex: 1;
}

.report-summary h3[b-wusiyrjnj6] {
    font-size: 24px;
    font-weight: 700;
    color: #1a202c;
    margin: 0 0 24px 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.summary-stats[b-wusiyrjnj6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-bottom: 32px;
}

.stat-item[b-wusiyrjnj6] {
    background: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    padding: 20px;
    border-radius: 16px;
    border-right: 4px solid #667eea;
}

.stat-label[b-wusiyrjnj6] {
    display: block;
    font-size: 14px;
    color: #718096;
    margin-bottom: 8px;
    font-weight: 600;
}

.stat-value[b-wusiyrjnj6] {
    display: block;
    font-size: 24px;
    font-weight: 700;
    color: #1a202c;
}

.report-note[b-wusiyrjnj6] {
    background: linear-gradient(135deg, #e0f2fe 0%, #bfdbfe 100%);
    padding: 24px;
    border-radius: 16px;
    border-right: 4px solid #3b82f6;
}

.report-note p[b-wusiyrjnj6] {
    margin: 0 0 12px 0;
    font-size: 16px;
    color: #1e40af;
    line-height: 1.6;
}

.report-note p:last-child[b-wusiyrjnj6] {
    margin-bottom: 0;
}

.report-config[b-wusiyrjnj6] {
    background: #f8fafc;
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 24px;
    border-right: 4px solid #8b5cf6;
}

.config-item[b-wusiyrjnj6] {
    padding: 8px 0;
    font-size: 15px;
    color: #4a5568;
}

.config-item strong[b-wusiyrjnj6] {
    color: #1a202c;
    font-weight: 600;
}

.section-title[b-wusiyrjnj6] {
    font-size: 20px;
    font-weight: 700;
    color: #1a202c;
    margin: 24px 0 16px 0;
    padding-bottom: 12px;
    border-bottom: 2px solid #e5e7eb;
}

.stats-list[b-wusiyrjnj6] {
    list-style: none;
    padding: 0;
    margin: 8px 0 0 0;
}

.stats-list li[b-wusiyrjnj6] {
    padding: 8px 12px;
    background: white;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 14px;
    color: #4a5568;
    border-right: 3px solid #10b981;
}

.stats-list li strong[b-wusiyrjnj6] {
    color: #1a202c;
    font-weight: 700;
}

.stat-item.full-width[b-wusiyrjnj6] {
    grid-column: 1 / -1;
}

/* Template Reports Styles */
.template-report[b-wusiyrjnj6] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.8;
}

.template-header[b-wusiyrjnj6] {
    text-align: center;
    padding: 40px 20px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border-radius: 16px;
    margin-bottom: 32px;
}

.template-header.hrw-header[b-wusiyrjnj6] {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.template-header.amnesty-header[b-wusiyrjnj6] {
    background: linear-gradient(135deg, #feca57 0%, #ff6b6b 100%);
}

.template-header.iohril-header[b-wusiyrjnj6] {
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}

.template-header h2[b-wusiyrjnj6] {
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 12px 0;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}

.template-header h4[b-wusiyrjnj6] {
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 8px 0;
    opacity: 0.95;
}

.report-date[b-wusiyrjnj6] {
    font-size: 14px;
    opacity: 0.9;
    margin: 0;
}

.template-section[b-wusiyrjnj6] {
    background: white;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    border-right: 4px solid #667eea;
}

.template-section h3[b-wusiyrjnj6] {
    font-size: 22px;
    font-weight: 700;
    color: #1a202c;
    margin: 0 0 20px 0;
    padding-bottom: 12px;
    border-bottom: 2px solid #e5e7eb;
}

.section-content[b-wusiyrjnj6] {
    color: #4a5568;
    font-size: 15px;
}

.section-content p[b-wusiyrjnj6] {
    margin: 0 0 16px 0;
}

.section-content strong[b-wusiyrjnj6] {
    color: #1a202c;
    font-weight: 600;
}

.section-content ul[b-wusiyrjnj6] {
    margin: 12px 0;
    padding-right: 24px;
}

.section-content li[b-wusiyrjnj6] {
    margin-bottom: 8px;
}

.legal-framework[b-wusiyrjnj6] {
    background: #f7fafc;
    padding: 16px 24px 16px 40px;
    border-radius: 8px;
    border-right: 3px solid #4299e1;
}

.stats-grid[b-wusiyrjnj6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
    margin: 24px 0;
}

.stat-card[b-wusiyrjnj6] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 24px;
    border-radius: 12px;
    text-align: center;
    color: white;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

.stat-card.hrw-card[b-wusiyrjnj6] {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.stat-card.amnesty-card[b-wusiyrjnj6] {
    background: linear-gradient(135deg, #feca57 0%, #ff6b6b 100%);
}

.stat-card.iohril-card[b-wusiyrjnj6] {
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}

.stat-number[b-wusiyrjnj6] {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 8px;
}

.stat-label[b-wusiyrjnj6] {
    font-size: 14px;
    opacity: 0.95;
}

.violation-category[b-wusiyrjnj6] {
    background: #f7fafc;
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 20px;
    border-right: 4px solid #f56565;
}

.violation-category h4[b-wusiyrjnj6] {
    font-size: 18px;
    font-weight: 700;
    color: #1a202c;
    margin: 0 0 12px 0;
}

.geo-list[b-wusiyrjnj6], .violators-list[b-wusiyrjnj6], .violations-breakdown[b-wusiyrjnj6] {
    list-style: none;
    padding: 0;
}

.geo-list li[b-wusiyrjnj6], .violators-list li[b-wusiyrjnj6], .violations-breakdown li[b-wusiyrjnj6] {
    padding: 10px 16px;
    background: white;
    border-radius: 8px;
    margin-bottom: 8px;
    border-right: 3px solid #48bb78;
}

.recommendations[b-wusiyrjnj6] {
    background: #f7fafc;
    padding: 24px;
    border-radius: 12px;
}

.recommendations h4[b-wusiyrjnj6] {
    font-size: 18px;
    font-weight: 700;
    color: #1a202c;
    margin: 20px 0 12px 0;
}

.recommendations h4:first-child[b-wusiyrjnj6] {
    margin-top: 0;
}

.recommendations ol[b-wusiyrjnj6] {
    padding-right: 24px;
}

.recommendations li[b-wusiyrjnj6] {
    margin-bottom: 12px;
    line-height: 1.7;
}

.case-study[b-wusiyrjnj6] {
    background: #fffaf0;
    padding: 20px;
    border-radius: 12px;
    border-right: 4px solid #ed8936;
}

.case-details h4[b-wusiyrjnj6] {
    font-size: 20px;
    font-weight: 700;
    color: #1a202c;
    margin: 0 0 16px 0;
}

.case-info[b-wusiyrjnj6] {
    background: white;
    padding: 16px;
    border-radius: 8px;
    margin-bottom: 16px;
}

.case-info p[b-wusiyrjnj6] {
    margin: 8px 0;
}

.legal-analysis[b-wusiyrjnj6] {
    background: white;
    padding: 16px;
    border-radius: 8px;
    border-right: 3px solid #4299e1;
}

.legal-analysis h5[b-wusiyrjnj6] {
    font-size: 16px;
    font-weight: 700;
    color: #1a202c;
    margin: 0 0 12px 0;
}

.mechanism[b-wusiyrjnj6] {
    background: #f7fafc;
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 16px;
    border-right: 4px solid #4299e1;
}

.mechanism h4[b-wusiyrjnj6] {
    font-size: 18px;
    font-weight: 700;
    color: #1a202c;
    margin: 0 0 12px 0;
}

.monthly-chart[b-wusiyrjnj6] {
    margin-top: 16px;
}

.month-bar[b-wusiyrjnj6] {
    margin-bottom: 12px;
}

.month-name[b-wusiyrjnj6] {
    font-size: 13px;
    font-weight: 600;
    color: #4a5568;
    margin-bottom: 4px;
}

.bar-container[b-wusiyrjnj6] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.bar[b-wusiyrjnj6] {
    height: 24px;
    background: linear-gradient(90deg, #4facfe 0%, #00f2fe 100%);
    border-radius: 4px;
    transition: width 0.3s ease;
}

.bar-container .count[b-wusiyrjnj6] {
    font-size: 13px;
    font-weight: 600;
    color: #1a202c;
    min-width: 40px;
}

.report-footer[b-wusiyrjnj6] {
    text-align: center;
    padding: 24px;
    background: #f7fafc;
    border-radius: 12px;
    border-top: 3px solid #667eea;
    margin-top: 32px;
}

.report-footer.hrw-footer[b-wusiyrjnj6] {
    border-top-color: #f5576c;
}

.report-footer.amnesty-footer[b-wusiyrjnj6] {
    border-top-color: #ff6b6b;
}

.report-footer.iohril-footer[b-wusiyrjnj6] {
    border-top-color: #4facfe;
}

.report-footer p[b-wusiyrjnj6] {
    margin: 4px 0;
    font-size: 14px;
    color: #4a5568;
    font-weight: 500;
}

.modal-footer[b-wusiyrjnj6] {
    display: flex;
    justify-content: center;
    gap: 16px;
    padding: 24px 32px;
    border-top: 2px solid #e5e7eb;
    background: #f9fafb;
    border-radius: 0 0 24px 24px;
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    .report-preview-modal[b-wusiyrjnj6] {
        max-width: 100%;
        max-height: 100vh;
        border-radius: 0;
    }

    .modal-header[b-wusiyrjnj6] {
        border-radius: 0;
    }

    .modal-footer[b-wusiyrjnj6] {
        border-radius: 0;
        flex-direction: column;
    }

    .summary-stats[b-wusiyrjnj6] {
        grid-template-columns: 1fr;
    }
}

/* _content/SamPro/Components/Pages/Admin/Settings/ReportStatuses.razor.rz.scp.css */
/* Settings Page Common Styles */
.settings-page[b-bf1c4ka4bk] {
    padding: 2rem;
    background: #f8fafc;
    min-height: 100vh;
}

.page-header[b-bf1c4ka4bk] {
    margin-bottom: 2rem;
}

.header-content[b-bf1c4ka4bk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.header-content h2[b-bf1c4ka4bk] {
    font-size: 2rem;
    color: #1e3c72;
    margin: 0 0 0.5rem;
    font-weight: 700;
}

.header-content p[b-bf1c4ka4bk] {
    color: #64748b;
    margin: 0;
    font-size: 1rem;
}

.content-card[b-bf1c4ka4bk] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.code-badge[b-bf1c4ka4bk] {
    background: #f1f5f9;
    padding: 0.375rem 0.75rem;
    border-radius: 6px;
    color: #1e3c72;
    font-size: 0.9rem;
    font-weight: 600;
    border: 1px solid #e2e8f0;
}

.description-cell[b-bf1c4ka4bk] {
    color: #64748b;
    font-size: 0.9rem;
    line-height: 1.5;
}

.status-badge[b-bf1c4ka4bk] {
    padding: 0.375rem 0.75rem;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 600;
    white-space: nowrap;
    display: inline-block;
}

.status-badge.active[b-bf1c4ka4bk] {
    background: #dcfce7;
    color: #166534;
}

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

.action-buttons[b-bf1c4ka4bk] {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
}

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

.stat-card[b-bf1c4ka4bk] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    gap: 1rem;
    transition: all 0.3s ease;
}

.stat-card:hover[b-bf1c4ka4bk] {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.stat-icon[b-bf1c4ka4bk] {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

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

.stat-content[b-bf1c4ka4bk] {
    flex: 1;
}

.stat-value[b-bf1c4ka4bk] {
    font-size: 2rem;
    font-weight: 800;
    color: #1e3c72;
    line-height: 1;
}

.stat-label[b-bf1c4ka4bk] {
    font-size: 0.9rem;
    color: #64748b;
    margin-top: 0.5rem;
    font-weight: 500;
}

/* Phase Badges */
.phase-badge[b-bf1c4ka4bk] {
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    display: inline-block;
}

.phase-badge.phase-reception[b-bf1c4ka4bk] {
    background: #dbeafe;
    color: #1e40af;
}

.phase-badge.phase-processing[b-bf1c4ka4bk] {
    background: #fef3c7;
    color: #92400e;
}

.phase-badge.phase-completion[b-bf1c4ka4bk] {
    background: #d1fae5;
    color: #065f46;
}

.phase-badge.phase-closure[b-bf1c4ka4bk] {
    background: #f3f4f6;
    color: #374151;
}

/* Status Name */
.status-name[b-bf1c4ka4bk] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.status-name i[b-bf1c4ka4bk] {
    font-size: 1.5rem;
}

/* Role Cell */
.role-cell[b-bf1c4ka4bk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #475569;
    font-size: 0.9rem;
}

.role-cell i[b-bf1c4ka4bk] {
    font-size: 1.2rem;
    color: #2a5298;
}

/* Duration Badge */
.duration-badge[b-bf1c4ka4bk] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: #f1f5f9;
    padding: 0.5rem 0.75rem;
    border-radius: 8px;
    color: #1e3c72;
    font-size: 0.9rem;
    font-weight: 600;
    border: 1px solid #e2e8f0;
}

.duration-badge i[b-bf1c4ka4bk] {
    font-size: 1.1rem;
}

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

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

/* _content/SamPro/Components/Pages/Admin/Settings/SeverityLevels.razor.rz.scp.css */
/* Settings Page Common Styles */
.settings-page[b-i672amlmbi] {
    padding: 2rem;
    background: #f8fafc;
    min-height: 100vh;
}

.page-header[b-i672amlmbi] {
    margin-bottom: 2rem;
}

.header-content[b-i672amlmbi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.header-content h2[b-i672amlmbi] {
    font-size: 2rem;
    color: #1e3c72;
    margin: 0 0 0.5rem;
    font-weight: 700;
}

.header-content p[b-i672amlmbi] {
    color: #64748b;
    margin: 0;
    font-size: 1rem;
}

.content-card[b-i672amlmbi] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.code-badge[b-i672amlmbi] {
    background: #f1f5f9;
    padding: 0.375rem 0.75rem;
    border-radius: 6px;
    color: #1e3c72;
    font-size: 0.9rem;
    font-weight: 600;
    border: 1px solid #e2e8f0;
}

.description-cell[b-i672amlmbi] {
    color: #64748b;
    font-size: 0.9rem;
    line-height: 1.5;
}

.status-badge[b-i672amlmbi] {
    padding: 0.375rem 0.75rem;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 600;
    white-space: nowrap;
    display: inline-block;
}

.status-badge.active[b-i672amlmbi] {
    background: #dcfce7;
    color: #166534;
}

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

.action-buttons[b-i672amlmbi] {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
}

/* Level Indicator */
.level-indicator[b-i672amlmbi] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 auto;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.level-name[b-i672amlmbi] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.level-name i[b-i672amlmbi] {
    font-size: 1.5rem;
}

.criteria-cell[b-i672amlmbi] {
    font-size: 0.9rem;
    color: #475569;
    line-height: 1.6;
}

.timeframe-badge[b-i672amlmbi] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: #f1f5f9;
    padding: 0.5rem 0.75rem;
    border-radius: 8px;
    color: #1e3c72;
    font-size: 0.9rem;
    font-weight: 600;
    border: 1px solid #e2e8f0;
}

.timeframe-badge i[b-i672amlmbi] {
    font-size: 1.1rem;
}

/* _content/SamPro/Components/Pages/Admin/Settings/UserManagement.razor.rz.scp.css */
/* Settings Page Common Styles */
.settings-page[b-qnv1hehecp] {
    padding: 2rem;
    background: #f8fafc;
    min-height: 100vh;
}

.page-header[b-qnv1hehecp] {
    margin-bottom: 2rem;
}

.header-content[b-qnv1hehecp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.header-content h2[b-qnv1hehecp] {
    font-size: 2rem;
    color: #1e3c72;
    margin: 0 0 0.5rem;
    font-weight: 700;
}

.header-content p[b-qnv1hehecp] {
    color: #64748b;
    margin: 0;
    font-size: 1rem;
}

.content-card[b-qnv1hehecp] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

/* User Name Cell */
.user-name-cell[b-qnv1hehecp] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.user-avatar-small[b-qnv1hehecp] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, #1e3c72, #2a5298);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.9rem;
    flex-shrink: 0;
}

/* Code Badge */
.code-badge[b-qnv1hehecp] {
    background: #f1f5f9;
    padding: 0.375rem 0.75rem;
    border-radius: 6px;
    color: #1e3c72;
    font-size: 0.9rem;
    font-weight: 600;
    border: 1px solid #e2e8f0;
    direction: ltr;
    display: inline-block;
}

/* Role Badge */
.role-badge[b-qnv1hehecp] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.375rem 0.75rem;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 600;
    background: #eff6ff;
    color: #1e40af;
    border: 1px solid #bfdbfe;
    white-space: nowrap;
}

.role-badge i[b-qnv1hehecp] {
    font-size: 1rem;
}

.role-badge.role-مدير[b-qnv1hehecp] {
    background: #fef3c7;
    color: #92400e;
    border-color: #fbbf24;
}

.role-badge.role-محقق[b-qnv1hehecp] {
    background: #ede9fe;
    color: #5b21b6;
    border-color: #c4b5fd;
}

.role-badge.role-مراجع[b-qnv1hehecp] {
    background: #d1fae5;
    color: #065f46;
    border-color: #6ee7b7;
}

.role-badge.role-مدير_البيانات[b-qnv1hehecp] {
    background: #fee2e2;
    color: #991b1b;
    border-color: #fca5a5;
}

/* Date Cell */
.date-cell[b-qnv1hehecp] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.9rem;
    color: #475569;
}

.date-cell i[b-qnv1hehecp] {
    font-size: 1rem;
    color: #94a3b8;
}

.date-cell.expired[b-qnv1hehecp] {
    color: #dc2626;
}

.date-cell.expired i[b-qnv1hehecp] {
    color: #dc2626;
}

/* Status Badge */
.status-badge[b-qnv1hehecp] {
    padding: 0.375rem 0.75rem;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 600;
    white-space: nowrap;
    display: inline-block;
}

.status-badge.active[b-qnv1hehecp] {
    background: #dcfce7;
    color: #166534;
}

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

.status-badge.expired-badge[b-qnv1hehecp] {
    background: #fef3c7;
    color: #92400e;
}

/* Action Buttons */
.action-buttons[b-qnv1hehecp] {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
}

/* Dialog Form Styles */
.user-form-dialog[b-qnv1hehecp] {
    padding: 1.5rem;
    min-width: 500px;
}

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

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

.form-group.full-width[b-qnv1hehecp] {
    grid-column: 1 / -1;
    flex-direction: row;
    align-items: center;
}

.form-group label[b-qnv1hehecp] {
    font-weight: 600;
    color: #334155;
    font-size: 0.9rem;
}

.form-group .required[b-qnv1hehecp] {
    color: #dc2626;
}

.dialog-actions[b-qnv1hehecp] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1.75rem;
    padding-top: 1.25rem;
    border-top: 1px solid #e2e8f0;
}

/* Responsive */
@media (max-width: 768px) {
    .settings-page[b-qnv1hehecp] {
        padding: 1rem;
    }

    .header-content[b-qnv1hehecp] {
        flex-direction: column;
        align-items: flex-start;
    }

    .user-form-dialog[b-qnv1hehecp] {
        min-width: auto;
        padding: 1rem;
    }

    .form-grid[b-qnv1hehecp] {
        grid-template-columns: 1fr;
    }
}
/* _content/SamPro/Components/Pages/Admin/Settings/ViolationCategories.razor.rz.scp.css */
/* Settings Page Common Styles */
.settings-page[b-xsgecdnv73] {
    padding: 2rem;
    background: #f8fafc;
    min-height: 100vh;
}

.page-header[b-xsgecdnv73] {
    margin-bottom: 2rem;
}

.header-content[b-xsgecdnv73] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.header-content h2[b-xsgecdnv73] {
    font-size: 2rem;
    color: #1e3c72;
    margin: 0 0 0.5rem;
    font-weight: 700;
}

.header-content p[b-xsgecdnv73] {
    color: #64748b;
    margin: 0;
    font-size: 1rem;
}

.content-card[b-xsgecdnv73] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

/* Custom DataGrid Styles */
.settings-page[b-xsgecdnv73]  .rz-datatable {
    border: none;
}

.settings-page[b-xsgecdnv73]  .rz-datatable-header {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
    color: white;
    font-weight: 600;
}

.settings-page[b-xsgecdnv73]  .rz-datatable-data td {
    padding: 1rem;
    vertical-align: middle;
}

.settings-page[b-xsgecdnv73]  .rz-datatable-data tr:hover {
    background: #f8fafc;
}

/* Code Badge */
.code-badge[b-xsgecdnv73] {
    background: #f1f5f9;
    padding: 0.375rem 0.75rem;
    border-radius: 6px;
    color: #1e3c72;
    font-size: 0.9rem;
    font-weight: 600;
    border: 1px solid #e2e8f0;
}

/* Category Name with Icon */
.category-name[b-xsgecdnv73] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.category-icon[b-xsgecdnv73] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.category-icon i[b-xsgecdnv73] {
    font-size: 1.2rem;
}

/* Description Cell */
.description-cell[b-xsgecdnv73] {
    color: #64748b;
    font-size: 0.9rem;
    line-height: 1.5;
}

/* Status Badge */
.status-badge[b-xsgecdnv73] {
    padding: 0.375rem 0.75rem;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 600;
    white-space: nowrap;
    display: inline-block;
}

.status-badge.active[b-xsgecdnv73] {
    background: #dcfce7;
    color: #166534;
}

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

/* Action Buttons */
.action-buttons[b-xsgecdnv73] {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
}

/* Responsive */
@media (max-width: 768px) {
    .settings-page[b-xsgecdnv73] {
        padding: 1rem;
    }

    .header-content[b-xsgecdnv73] {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-content h2[b-xsgecdnv73] {
        font-size: 1.5rem;
    }
}







/* _content/SamPro/Components/Pages/Admin/Settings/ViolationTypes.razor.rz.scp.css */
/* Settings Page Common Styles */
.settings-page[b-jtkolbmo5u] {
    padding: 2rem;
    background: #f8fafc;
    min-height: 100vh;
}

.page-header[b-jtkolbmo5u] {
    margin-bottom: 2rem;
}

.header-content[b-jtkolbmo5u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.header-content h2[b-jtkolbmo5u] {
    font-size: 2rem;
    color: #1e3c72;
    margin: 0 0 0.5rem;
    font-weight: 700;
}

.header-content p[b-jtkolbmo5u] {
    color: #64748b;
    margin: 0;
    font-size: 1rem;
}

.content-card[b-jtkolbmo5u] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.code-badge[b-jtkolbmo5u] {
    background: #f1f5f9;
    padding: 0.375rem 0.75rem;
    border-radius: 6px;
    color: #1e3c72;
    font-size: 0.9rem;
    font-weight: 600;
    border: 1px solid #e2e8f0;
}

.description-cell[b-jtkolbmo5u] {
    color: #64748b;
    font-size: 0.9rem;
    line-height: 1.5;
}

.status-badge[b-jtkolbmo5u] {
    padding: 0.375rem 0.75rem;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 600;
    white-space: nowrap;
    display: inline-block;
}

.status-badge.active[b-jtkolbmo5u] {
    background: #dcfce7;
    color: #166534;
}

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

.action-buttons[b-jtkolbmo5u] {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
}

/* Additional styles for Violation Types */
.main-code-badge[b-jtkolbmo5u] {
    background: linear-gradient(135deg, #2a5298 0%, #1e3c72 100%);
    color: white;
    padding: 0.375rem 0.75rem;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.sub-category[b-jtkolbmo5u] {
    font-size: 0.85rem;
    color: #64748b;
    margin-top: 0.25rem;
}

.examples-cell[b-jtkolbmo5u] {
    font-size: 0.9rem;
    color: #475569;
    line-height: 1.5;
}

/* Severity Badges */
.severity-badge[b-jtkolbmo5u] {
    padding: 0.5rem 0.75rem;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 700;
    color: white;
    min-width: 40px;
    display: inline-block;
    text-align: center;
}

.severity-badge.severity-5[b-jtkolbmo5u] {
    background: linear-gradient(135deg, #7f1d1d 0%, #450a0a 100%);
    box-shadow: 0 2px 8px rgba(127, 29, 29, 0.3);
}

.severity-badge.severity-4[b-jtkolbmo5u] {
    background: linear-gradient(135deg, #991b1b 0%, #7f1d1d 100%);
    box-shadow: 0 2px 8px rgba(153, 27, 27, 0.3);
}

.severity-badge.severity-3[b-jtkolbmo5u] {
    background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%);
    box-shadow: 0 2px 8px rgba(234, 88, 12, 0.3);
}

.severity-badge.severity-2[b-jtkolbmo5u] {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.3);
}

.severity-badge.severity-1[b-jtkolbmo5u] {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    box-shadow: 0 2px 8px rgba(251, 191, 36, 0.3);
}

/* Filters Card */
.filters-card[b-jtkolbmo5u] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

.filters-row[b-jtkolbmo5u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.filter-group[b-jtkolbmo5u] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.filter-group label[b-jtkolbmo5u] {
    font-weight: 600;
    color: #2c3e50;
    margin: 0;
    white-space: nowrap;
}

.filter-stats[b-jtkolbmo5u] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.stat-badge[b-jtkolbmo5u] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

/* Responsive */
@media (max-width: 768px) {
    .filters-row[b-jtkolbmo5u] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .filter-group[b-jtkolbmo5u] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .filter-group label[b-jtkolbmo5u] {
        margin-bottom: 0.5rem;
    }
}

/* _content/SamPro/Components/Pages/Admin/Statistics/GovernoratesDashboard.razor.rz.scp.css */
.governorate-dashboard[b-e0mqhcjgxe] {
    padding: 20px;
    background: #f5f7fa;
    min-height: 100vh;
}

/* Header */
.dashboard-header[b-e0mqhcjgxe] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 30px;
    border-radius: 15px;
    margin-bottom: 25px;
    box-shadow: 0 4px 20px rgba(102, 126, 234, 0.3);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-content h1[b-e0mqhcjgxe] {
    margin: 0 0 5px 0;
    font-size: 28px;
    font-weight: 700;
}

.header-content p[b-e0mqhcjgxe] {
    margin: 0;
    opacity: 0.9;
    font-size: 14px;
}

.header-actions[b-e0mqhcjgxe] {
    display: flex;
    gap: 10px;
}

/* Selector Card */
.selector-card[b-e0mqhcjgxe] {
    background: white;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 25px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

.selector-header[b-e0mqhcjgxe] {
    margin-bottom: 20px;
}

.selector-header h3[b-e0mqhcjgxe] {
    margin: 0;
    font-size: 20px;
    color: #2d3748;
}

.selector-body[b-e0mqhcjgxe] {
    display: flex;
    align-items: center;
    gap: 15px;
}

/* Summary Cards */
.summary-cards[b-e0mqhcjgxe] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-bottom: 25px;
}

.stat-card[b-e0mqhcjgxe] {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    gap: 20px;
    transition: transform 0.2s, box-shadow 0.2s;
}

.stat-card:hover[b-e0mqhcjgxe] {
    transform: translateY(-5px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
}

.stat-icon[b-e0mqhcjgxe] {
    font-size: 48px;
    line-height: 1;
}

.stat-content h3[b-e0mqhcjgxe] {
    margin: 0 0 5px 0;
    font-size: 32px;
    font-weight: 700;
}

.stat-content p[b-e0mqhcjgxe] {
    margin: 0;
    color: #718096;
    font-size: 14px;
}

.stat-card.primary[b-e0mqhcjgxe] {
    border-right: 4px solid #3498db;
}

.stat-card.danger[b-e0mqhcjgxe] {
    border-right: 4px solid #e74c3c;
}

.stat-card.success[b-e0mqhcjgxe] {
    border-right: 4px solid #27ae60;
}

.stat-card.info[b-e0mqhcjgxe] {
    border-right: 4px solid #9b59b6;
}

/* Chart Card */
.chart-card[b-e0mqhcjgxe] {
    background: white;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 25px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

.chart-header[b-e0mqhcjgxe] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #e2e8f0;
}

.chart-header h3[b-e0mqhcjgxe] {
    margin: 0;
    font-size: 20px;
    color: #2d3748;
}

.chart-count[b-e0mqhcjgxe] {
    background: #edf2f7;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 13px;
    color: #4a5568;
    font-weight: 600;
}

.chart-body[b-e0mqhcjgxe] {
    min-height: 350px;
}

/* Charts Row */
.charts-row[b-e0mqhcjgxe] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
    gap: 25px;
    margin-bottom: 25px;
}

/* Top Entities List */
.top-entities-list[b-e0mqhcjgxe] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 10px 0;
}

.entity-item[b-e0mqhcjgxe] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.entity-info[b-e0mqhcjgxe] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.entity-name[b-e0mqhcjgxe] {
    font-weight: 600;
    color: #2d3748;
    font-size: 14px;
}

.entity-count[b-e0mqhcjgxe] {
    background: #fed7d7;
    color: #c53030;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
}

.entity-bar[b-e0mqhcjgxe] {
    background: #edf2f7;
    height: 8px;
    border-radius: 4px;
    overflow: hidden;
}

.entity-bar-fill[b-e0mqhcjgxe] {
    background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
    height: 100%;
    border-radius: 4px;
    transition: width 0.3s ease;
}

/* Tables Section */
.tables-section[b-e0mqhcjgxe] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
    gap: 25px;
    margin-bottom: 25px;
}

.table-card[b-e0mqhcjgxe] {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

.table-header[b-e0mqhcjgxe] {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #e2e8f0;
}

.table-header h3[b-e0mqhcjgxe] {
    margin: 0;
    font-size: 18px;
    color: #2d3748;
}

/* Progress Bar in Table */
.progress-bar-wrapper[b-e0mqhcjgxe] {
    background: #edf2f7;
    height: 20px;
    border-radius: 10px;
    overflow: hidden;
}

.progress-bar-fill[b-e0mqhcjgxe] {
    background: linear-gradient(90deg, #48bb78 0%, #38a169 100%);
    height: 100%;
    border-radius: 10px;
    transition: width 0.3s ease;
    min-width: 2%;
}

/* Loading State */
.loading-container[b-e0mqhcjgxe] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

.loading-container p[b-e0mqhcjgxe] {
    margin-top: 20px;
    color: #718096;
    font-size: 16px;
}

/* Empty State */
.empty-state[b-e0mqhcjgxe] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    color: #a0aec0;
    font-size: 16px;
}

.empty-state-large[b-e0mqhcjgxe] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 100px 20px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    margin: 40px 0;
}

.empty-icon[b-e0mqhcjgxe] {
    font-size: 80px;
    margin-bottom: 20px;
    opacity: 0.5;
}

.empty-state-large h2[b-e0mqhcjgxe] {
    margin: 0 0 10px 0;
    color: #2d3748;
    font-size: 24px;
}

.empty-state-large p[b-e0mqhcjgxe] {
    margin: 0;
    color: #718096;
    font-size: 16px;
}

/* Responsive Design */
@media (max-width: 1200px) {
    .charts-row[b-e0mqhcjgxe] {
        grid-template-columns: 1fr;
    }
    
    .tables-section[b-e0mqhcjgxe] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .dashboard-header[b-e0mqhcjgxe] {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }
    
    .header-actions[b-e0mqhcjgxe] {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .summary-cards[b-e0mqhcjgxe] {
        grid-template-columns: 1fr;
    }
    
    .selector-body[b-e0mqhcjgxe] {
        flex-direction: column;
        align-items: stretch;
    }
}

/* RTL Adjustments */
[dir="rtl"] .stat-card.primary[b-e0mqhcjgxe],
[dir="rtl"] .stat-card.danger[b-e0mqhcjgxe],
[dir="rtl"] .stat-card.success[b-e0mqhcjgxe],
[dir="rtl"] .stat-card.info[b-e0mqhcjgxe] {
    border-right: none;
    border-left: 4px solid;
}

/* Print Styles */
@media print {
    .dashboard-header[b-e0mqhcjgxe],
    .selector-card[b-e0mqhcjgxe],
    .header-actions[b-e0mqhcjgxe] {
        display: none;
    }
    
    .chart-card[b-e0mqhcjgxe],
    .table-card[b-e0mqhcjgxe] {
        page-break-inside: avoid;
        box-shadow: none;
        border: 1px solid #e2e8f0;
    }
}

/* _content/SamPro/Components/Pages/Admin/Statistics/PartiesDashboard.razor.rz.scp.css */
.parties-dashboard-page[b-gmgb8esn3c] {
    min-height: 100vh;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    padding: 0;
}

/* Loading Overlay */
.loading-overlay[b-gmgb8esn3c] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.95);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    gap: 20px;
}

.loading-overlay p[b-gmgb8esn3c] {
    font-size: 18px;
    color: #4a5568;
    font-weight: 600;
}

/* Page Header */
.page-header[b-gmgb8esn3c] {
    background: white;
    padding: 30px 40px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    border-bottom: 3px solid #667eea;
}

.header-content[b-gmgb8esn3c] {
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-left[b-gmgb8esn3c] {
    display: flex;
    align-items: center;
    gap: 20px;
}

.icon-badge[b-gmgb8esn3c] {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    color: white;
    box-shadow: 0 8px 20px rgba(102, 126, 234, 0.3);
}

.title-group[b-gmgb8esn3c] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.page-title[b-gmgb8esn3c] {
    font-size: 32px;
    font-weight: 800;
    color: #1a202c;
    margin: 0;
}

.page-subtitle[b-gmgb8esn3c] {
    font-size: 15px;
    color: #718096;
    margin: 0;
}

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

/* Stats Grid */
.stats-grid[b-gmgb8esn3c] {
    max-width: 1600px;
    margin: 30px auto;
    padding: 0 40px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 24px;
}

.stat-card[b-gmgb8esn3c] {
    background: white;
    border-radius: 16px;
    padding: 28px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    gap: 20px;
    transition: all 0.3s;
    border-left: 4px solid transparent;
}

.stat-card:hover[b-gmgb8esn3c] {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

.stat-card.card-primary[b-gmgb8esn3c] {
    border-left-color: #667eea;
}

.stat-card.card-danger[b-gmgb8esn3c] {
    border-left-color: #ef4444;
}

.stat-card.card-warning[b-gmgb8esn3c] {
    border-left-color: #f59e0b;
}

.stat-card.card-info[b-gmgb8esn3c] {
    border-left-color: #3b82f6;
}

.stat-icon[b-gmgb8esn3c] {
    width: 60px;
    height: 60px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    flex-shrink: 0;
}

.card-primary .stat-icon[b-gmgb8esn3c] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.card-danger .stat-icon[b-gmgb8esn3c] {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    color: white;
}

.card-warning .stat-icon[b-gmgb8esn3c] {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    color: white;
}

.card-info .stat-icon[b-gmgb8esn3c] {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    color: white;
}

.stat-content[b-gmgb8esn3c] {
    flex: 1;
}

.stat-value[b-gmgb8esn3c] {
    font-size: 36px;
    font-weight: 800;
    color: #1a202c;
    margin: 0 0 5px 0;
    line-height: 1;
}

.stat-label[b-gmgb8esn3c] {
    font-size: 14px;
    color: #718096;
    font-weight: 600;
    margin: 0;
}

.stat-detail[b-gmgb8esn3c] {
    font-size: 12px;
    color: #a0aec0;
    display: block;
    margin-top: 5px;
}

.stat-trend[b-gmgb8esn3c] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
}

.stat-trend.up[b-gmgb8esn3c] {
    background: #d1fae5;
    color: #065f46;
}

.stat-progress[b-gmgb8esn3c] {
    flex-shrink: 0;
}

/* Selector Section */
.selector-section[b-gmgb8esn3c] {
    max-width: 1600px;
    margin: 30px auto;
    padding: 0 40px;
}

.selector-card[b-gmgb8esn3c] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.selector-header[b-gmgb8esn3c] {
    padding: 24px 28px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.selector-title[b-gmgb8esn3c] {
    font-size: 20px;
    font-weight: 700;
    color: white;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.selector-body[b-gmgb8esn3c] {
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.party-dropdown[b-gmgb8esn3c] {
    font-size: 16px;
    font-weight: 600;
}

.party-info[b-gmgb8esn3c] {
    display: flex;
    gap: 30px;
    padding: 20px;
    background: #f7fafc;
    border-radius: 12px;
}

.info-item[b-gmgb8esn3c] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.info-label[b-gmgb8esn3c] {
    font-size: 14px;
    color: #718096;
    font-weight: 600;
}

.info-value[b-gmgb8esn3c] {
    font-size: 16px;
    color: #1a202c;
    font-weight: 700;
}

.info-value.highlight[b-gmgb8esn3c] {
    color: #667eea;
    font-size: 20px;
}

/* Charts Grid */
.charts-grid[b-gmgb8esn3c] {
    max-width: 1600px;
    margin: 30px auto;
    padding: 0 40px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
    gap: 24px;
}

.chart-card[b-gmgb8esn3c] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.chart-header[b-gmgb8esn3c] {
    padding: 20px 24px;
    border-bottom: 2px solid #f7fafc;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.chart-title[b-gmgb8esn3c] {
    font-size: 18px;
    font-weight: 700;
    color: #1a202c;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.chart-count[b-gmgb8esn3c] {
    background: #edf2f7;
    color: #4a5568;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
}

.chart-body[b-gmgb8esn3c] {
    padding: 24px;
    min-height: 400px;
}

.chart-legend[b-gmgb8esn3c] {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.legend-item[b-gmgb8esn3c] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px;
    background: #f7fafc;
    border-radius: 8px;
}

.legend-color[b-gmgb8esn3c] {
    width: 20px;
    height: 20px;
    border-radius: 4px;
}

.legend-label[b-gmgb8esn3c] {
    flex: 1;
    font-size: 14px;
    color: #4a5568;
    font-weight: 600;
}

.legend-value[b-gmgb8esn3c] {
    font-size: 16px;
    color: #1a202c;
    font-weight: 700;
}

.empty-chart[b-gmgb8esn3c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    color: #cbd5e0;
}

.empty-chart i[b-gmgb8esn3c] {
    font-size: 64px;
    margin-bottom: 16px;
}

.empty-chart p[b-gmgb8esn3c] {
    font-size: 16px;
    color: #a0aec0;
}

/* Timeline Section */
.timeline-section[b-gmgb8esn3c] {
    max-width: 1600px;
    margin: 30px auto;
    padding: 0 40px;
}

.timeline-card[b-gmgb8esn3c] {
    grid-column: 1 / -1;
}

.timeline-body[b-gmgb8esn3c] {
    min-height: 450px;
}

.timeline-filters[b-gmgb8esn3c] {
    display: flex;
    gap: 12px;
}

/* Table Section */
.table-section[b-gmgb8esn3c] {
    max-width: 1600px;
    margin: 30px auto 40px;
    padding: 0 40px;
}

.table-card[b-gmgb8esn3c] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.table-header[b-gmgb8esn3c] {
    padding: 20px 24px;
    border-bottom: 2px solid #f7fafc;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.table-title[b-gmgb8esn3c] {
    font-size: 18px;
    font-weight: 700;
    color: #1a202c;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.table-body[b-gmgb8esn3c] {
    padding: 0;
}

.modern-grid[b-gmgb8esn3c] {
    border: none;
}

.severity-badge[b-gmgb8esn3c] {
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    display: inline-block;
}

.severity-1[b-gmgb8esn3c] {
    background: #d1fae5;
    color: #065f46;
}

.severity-2[b-gmgb8esn3c] {
    background: #fef3c7;
    color: #92400e;
}

.severity-3[b-gmgb8esn3c] {
    background: #fed7aa;
    color: #9a3412;
}

.severity-4[b-gmgb8esn3c] {
    background: #fee2e2;
    color: #991b1b;
}

/* Empty State */
.empty-state-section[b-gmgb8esn3c] {
    max-width: 1600px;
    margin: 60px auto;
    padding: 0 40px;
}

.empty-state-card[b-gmgb8esn3c] {
    background: white;
    border-radius: 16px;
    padding: 80px 40px;
    text-align: center;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.empty-icon[b-gmgb8esn3c] {
    width: 120px;
    height: 120px;
    background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 60px;
    color: #9ca3af;
    margin: 0 auto 24px;
}

.empty-state-card h3[b-gmgb8esn3c] {
    font-size: 28px;
    font-weight: 700;
    color: #1a202c;
    margin: 0 0 12px 0;
}

.empty-state-card p[b-gmgb8esn3c] {
    font-size: 16px;
    color: #718096;
    margin: 0;
}

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

@media (max-width: 768px) {
    .page-header[b-gmgb8esn3c] {
        padding: 20px;
    }

    .header-content[b-gmgb8esn3c] {
        flex-direction: column;
        gap: 20px;
        align-items: stretch;
    }

    .header-actions[b-gmgb8esn3c] {
        flex-direction: column;
    }

    .stats-grid[b-gmgb8esn3c],
    .selector-section[b-gmgb8esn3c],
    .charts-grid[b-gmgb8esn3c],
    .timeline-section[b-gmgb8esn3c],
    .table-section[b-gmgb8esn3c] {
        padding: 0 20px;
    }

    .stats-grid[b-gmgb8esn3c] {
        grid-template-columns: 1fr;
    }

    .page-title[b-gmgb8esn3c] {
        font-size: 24px;
    }

    .icon-badge[b-gmgb8esn3c] {
        width: 60px;
        height: 60px;
        font-size: 28px;
    }

    .party-info[b-gmgb8esn3c] {
        flex-direction: column;
        gap: 15px;
    }

    .table-header[b-gmgb8esn3c] {
        flex-direction: column;
        gap: 15px;
        align-items: stretch;
    }
}

/* Animations */
@keyframes fadeIn-b-gmgb8esn3c {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.stat-card[b-gmgb8esn3c],
.selector-card[b-gmgb8esn3c],
.chart-card[b-gmgb8esn3c],
.table-card[b-gmgb8esn3c] {
    animation: fadeIn-b-gmgb8esn3c 0.5s ease-out;
}

.stat-card:nth-child(1)[b-gmgb8esn3c] { animation-delay: 0.1s; }
.stat-card:nth-child(2)[b-gmgb8esn3c] { animation-delay: 0.2s; }
.stat-card:nth-child(3)[b-gmgb8esn3c] { animation-delay: 0.3s; }
.stat-card:nth-child(4)[b-gmgb8esn3c] { animation-delay: 0.4s; }

/* _content/SamPro/Components/Pages/Admin/Statistics/ViolationsStatistics.razor.rz.scp.css */
.statistics-page[b-janexsdyjt] {
    padding: 20px;
    background: #f5f7fa;
    min-height: 100vh;
}

/* Header */
.stats-header[b-janexsdyjt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    padding: 25px;
    background: white;
    border-radius: 15px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.header-content h1[b-janexsdyjt] {
    margin: 0 0 10px 0;
    font-size: 2em;
    color: #2c3e50;
    font-weight: 700;
}

.header-content p[b-janexsdyjt] {
    margin: 0;
    color: #7f8c8d;
    font-size: 1.1em;
}

.header-actions[b-janexsdyjt] {
    display: flex;
    gap: 10px;
}

/* Loading */
.loading-container[b-janexsdyjt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 100px 20px;
    background: white;
    border-radius: 15px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.loading-container p[b-janexsdyjt] {
    margin-top: 20px;
    font-size: 1.2em;
    color: #7f8c8d;
}

/* Overview Cards */
.overview-cards[b-janexsdyjt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.stat-card[b-janexsdyjt] {
    background: white;
    border-radius: 15px;
    padding: 25px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    gap: 20px;
    transition: transform 0.2s, box-shadow 0.2s;
    position: relative;
    overflow: hidden;
}

.stat-card:hover[b-janexsdyjt] {
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}

.stat-card[b-janexsdyjt]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
}

.stat-card.primary[b-janexsdyjt]::before {
    background: #3498db;
}

.stat-card.danger[b-janexsdyjt]::before {
    background: #e74c3c;
}

.stat-card.warning[b-janexsdyjt]::before {
    background: #f39c12;
}

.stat-card.success[b-janexsdyjt]::before {
    background: #2ecc71;
}

.card-icon[b-janexsdyjt] {
    font-size: 3em;
    line-height: 1;
}

.card-content h3[b-janexsdyjt] {
    margin: 0 0 5px 0;
    font-size: 2.5em;
    font-weight: 700;
    color: #2c3e50;
}

.card-content p[b-janexsdyjt] {
    margin: 0;
    color: #7f8c8d;
    font-size: 1em;
}

/* Charts Container */
.charts-container[b-janexsdyjt] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 30px;
}

.chart-card[b-janexsdyjt] {
    background: white;
    border-radius: 15px;
    padding: 30px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    min-height: 500px;
}

.chart-card.full-width[b-janexsdyjt] {
    grid-column: 1 / -1;
    min-height: 540px;
}

.chart-header[b-janexsdyjt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #ecf0f1;
}

.chart-header h3[b-janexsdyjt] {
    margin: 0;
    font-size: 1.5em;
    color: #2c3e50;
    font-weight: 600;
}

.chart-count[b-janexsdyjt] {
    background: #3498db;
    color: white;
    padding: 8px 18px;
    border-radius: 20px;
    font-size: 1em;
    font-weight: 600;
}

.chart-body[b-janexsdyjt] {
    min-height: 400px;
    height: 450px;
}

/* Tables Section */
.tables-section[b-janexsdyjt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 20px;
}

.table-card[b-janexsdyjt] {
    background: white;
    border-radius: 15px;
    padding: 25px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.table-card h3[b-janexsdyjt] {
    margin: 0 0 20px 0;
    font-size: 1.3em;
    color: #2c3e50;
    font-weight: 600;
    padding-bottom: 15px;
    border-bottom: 2px solid #ecf0f1;
}

/* Responsive */
@media (max-width: 1200px) {
    .charts-container[b-janexsdyjt] {
        grid-template-columns: 1fr;
    }
    
    .chart-card.full-width[b-janexsdyjt] {
        grid-column: auto;
    }
}

@media (max-width: 768px) {
    .stats-header[b-janexsdyjt] {
        flex-direction: column;
        gap: 15px;
    }
    
    .overview-cards[b-janexsdyjt] {
        grid-template-columns: 1fr;
    }
    
    .tables-section[b-janexsdyjt] {
        grid-template-columns: 1fr;
    }
}

/* Animation */
@keyframes slideIn-b-janexsdyjt {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.stat-card[b-janexsdyjt],
.chart-card[b-janexsdyjt],
.table-card[b-janexsdyjt] {
    animation: slideIn-b-janexsdyjt 0.4s ease-out;
}

.stat-card:nth-child(1)[b-janexsdyjt] { animation-delay: 0.1s; }
.stat-card:nth-child(2)[b-janexsdyjt] { animation-delay: 0.2s; }
.stat-card:nth-child(3)[b-janexsdyjt] { animation-delay: 0.3s; }
.stat-card:nth-child(4)[b-janexsdyjt] { animation-delay: 0.4s; }

/* RadzenChart Customization */
[b-janexsdyjt] .rz-chart {
    height: 100% !important;
    min-height: 400px !important;
}

[b-janexsdyjt] .rz-chart svg {
    width: 100% !important;
    height: 400px !important;
}

[b-janexsdyjt] .rz-chart-legend {
    font-family: 'Cairo', 'Segoe UI', Arial, sans-serif !important;
    font-size: 14px !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 15px !important;
}

[b-janexsdyjt] .rz-chart-legend-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin: 0 10px !important;
}

[b-janexsdyjt] .rz-chart-axis-title {
    font-family: 'Cairo', 'Segoe UI', Arial, sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
}

[b-janexsdyjt] .rz-chart-axis-label {
    font-size: 14px !important;
    font-weight: 500 !important;
}

[b-janexsdyjt] .rz-series-label {
    font-size: 14px !important;
    font-weight: 600 !important;
}

/* Increase chart elements size */
[b-janexsdyjt] .rz-series-item {
    stroke-width: 3 !important;
}

[b-janexsdyjt] .rz-pie-slice {
    stroke-width: 3 !important;
}

[b-janexsdyjt] .rz-bar,
[b-janexsdyjt] .rz-column {
    rx: 5 !important;
}

/* Make pie/donut charts bigger */
[b-janexsdyjt] .rz-pie-series,
[b-janexsdyjt] .rz-donut-series {
    transform: scale(1.0);
    transform-origin: center;
}

/* Increase marker sizes */
[b-janexsdyjt] .rz-marker {
    r: 6 !important;
}

/* Data labels bigger */
[b-janexsdyjt] .rz-data-label {
    font-size: 14px !important;
    font-weight: 700 !important;
}

/* _content/SamPro/Components/Pages/Admin/ViolationFollowups.razor.rz.scp.css */
/* Violation Followups Page Styles */
.bg-gradient-primary[b-toz2e01i9v] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.card[b-toz2e01i9v] {
    border-radius: 15px;
    transition: all 0.3s ease;
}

.card:hover[b-toz2e01i9v] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15) !important;
}

.table-hover tbody tr:hover[b-toz2e01i9v] {
    background-color: rgba(102, 126, 234, 0.1);
    transform: scale(1.01);
    transition: all 0.2s ease;
}

.btn-group .btn[b-toz2e01i9v] {
    border-radius: 8px;
    margin: 0 2px;
}

.btn-group .btn:hover[b-toz2e01i9v] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.badge[b-toz2e01i9v] {
    font-size: 0.8em;
    padding: 0.5em 0.8em;
    border-radius: 20px;
}

.modal-content[b-toz2e01i9v] {
    border-radius: 15px;
    border: none;
    box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}

.modal-header[b-toz2e01i9v] {
    border-radius: 15px 15px 0 0;
    border-bottom: none;
}

.modal-footer[b-toz2e01i9v] {
    border-radius: 0 0 15px 15px;
    border-top: 1px solid #e9ecef;
}

.list-group-item[b-toz2e01i9v] {
    border-radius: 8px;
    margin-bottom: 5px;
    transition: all 0.2s ease;
}

.list-group-item:hover[b-toz2e01i9v] {
    transform: translateX(5px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.list-group-item.active[b-toz2e01i9v] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-color: #667eea;
}

.form-control:focus[b-toz2e01i9v], .form-select:focus[b-toz2e01i9v] {
    border-color: #667eea;
    box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
}

.alert[b-toz2e01i9v] {
    border-radius: 10px;
    border: none;
}

.alert-success[b-toz2e01i9v] {
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
    color: #155724;
}

.alert-info[b-toz2e01i9v] {
    background: linear-gradient(135deg, #d1ecf1 0%, #bee5eb 100%);
    color: #0c5460;
}

/* Animation for loading states */
@keyframes fadeIn-b-toz2e01i9v {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.card[b-toz2e01i9v], .modal-content[b-toz2e01i9v] {
    animation: fadeIn-b-toz2e01i9v 0.5s ease-out;
}

/* Responsive improvements */
@media (max-width: 768px) {
    .btn-group[b-toz2e01i9v] {
        flex-direction: column;
    }
    
    .btn-group .btn[b-toz2e01i9v] {
        margin: 2px 0;
        width: 100%;
    }
    
    .table-responsive[b-toz2e01i9v] {
        font-size: 0.9em;
    }
}

/* Custom scrollbar */
.table-responsive[b-toz2e01i9v]::-webkit-scrollbar {
    height: 8px;
}

.table-responsive[b-toz2e01i9v]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.table-responsive[b-toz2e01i9v]::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 10px;
}

.table-responsive[b-toz2e01i9v]::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%);
}
/* _content/SamPro/Components/Pages/Admin/Violations/AddViolation.razor.rz.scp.css */
/* ===================================================
   صفحة إضافة انتهاك - تصميم احترافي
   Add Violation Page - Professional Design
   =================================================== */

.add-violation-page[b-p0vevdqas5] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

/* Header Section */
.page-header[b-p0vevdqas5] {
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 2px solid #e3f2fd;
}

.page-header h2[b-p0vevdqas5] {
    color: #1976d2;
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 10px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.page-header p[b-p0vevdqas5] {
    color: #666;
    font-size: 1.1rem;
    margin: 0;
}

/* Progress Steps */
.progress-steps[b-p0vevdqas5] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    padding: 20px 0;
    position: relative;
}

.progress-steps[b-p0vevdqas5]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 3px;
    background: #e0e0e0;
    z-index: 1;
}

.step[b-p0vevdqas5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 2;
    background: white;
    padding: 0 15px;
}

.step-number[b-p0vevdqas5] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #e0e0e0;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 1.2rem;
    margin-bottom: 10px;
    transition: all 0.3s ease;
    border: 3px solid #e0e0e0;
}

.step-title[b-p0vevdqas5] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #666;
    text-align: center;
    max-width: 120px;
    line-height: 1.3;
}

.step.active .step-number[b-p0vevdqas5] {
    background: #1976d2;
    color: white;
    border-color: #1976d2;
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(25, 118, 210, 0.3);
}

.step.active .step-title[b-p0vevdqas5] {
    color: #1976d2;
    font-weight: 700;
}

.step.completed .step-number[b-p0vevdqas5] {
    background: #4caf50;
    color: white;
    border-color: #4caf50;
}

.step.completed .step-title[b-p0vevdqas5] {
    color: #4caf50;
}

/* Form Container */
.form-container[b-p0vevdqas5] {
    background: #fafafa;
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    border: 1px solid #e0e0e0;
}

.step-content h3[b-p0vevdqas5] {
    color: #1976d2;
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 25px;
    padding-bottom: 10px;
    border-bottom: 2px solid #e3f2fd;
}

/* Form Layout */
.form-row[b-p0vevdqas5] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}

.form-group[b-p0vevdqas5] {
    display: flex;
    flex-direction: column;
}

.form-group label[b-p0vevdqas5] {
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
    font-size: 0.95rem;
}

/* Results Section */
.results-section[b-p0vevdqas5] {
    background: white;
    border-radius: 8px;
    padding: 20px;
    border: 1px solid #e0e0e0;
}

.results-header[b-p0vevdqas5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e0e0e0;
}

.results-header h4[b-p0vevdqas5] {
    color: #1976d2;
    margin: 0;
    font-size: 1.3rem;
}

.results-list[b-p0vevdqas5] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.result-item[b-p0vevdqas5] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
    border: 1px solid #e9ecef;
}

.result-header[b-p0vevdqas5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dee2e6;
}

.result-header span[b-p0vevdqas5] {
    font-weight: 600;
    color: #1976d2;
    font-size: 1.1rem;
}

/* Witness Section */
.witness-section[b-p0vevdqas5] {
    background: white;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #e0e0e0;
}

.witness-section h4[b-p0vevdqas5] {
    color: #1976d2;
    margin-bottom: 20px;
    font-size: 1.3rem;
    padding-bottom: 10px;
    border-bottom: 2px solid #e3f2fd;
}

/* Form Actions */
.form-actions[b-p0vevdqas5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    border-top: 2px solid #e3f2fd;
    gap: 15px;
}

.form-actions .rz-button[b-p0vevdqas5] {
    min-width: 120px;
    height: 45px;
    font-weight: 600;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.form-actions .rz-button:hover[b-p0vevdqas5] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Responsive Design */
@media (max-width: 768px) {
    .add-violation-page[b-p0vevdqas5] {
        padding: 15px;
        margin: 10px;
    }
    
    .progress-steps[b-p0vevdqas5] {
        flex-direction: column;
        gap: 20px;
    }
    
    .progress-steps[b-p0vevdqas5]::before {
        display: none;
    }
    
    .step[b-p0vevdqas5] {
        flex-direction: row;
        justify-content: flex-start;
        text-align: left;
    }
    
    .step-number[b-p0vevdqas5] {
        margin-right: 15px;
        margin-bottom: 0;
    }
    
    .form-row[b-p0vevdqas5] {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .form-actions[b-p0vevdqas5] {
        flex-direction: column;
        gap: 10px;
    }
    
    .form-actions .rz-button[b-p0vevdqas5] {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .page-header h2[b-p0vevdqas5] {
        font-size: 1.8rem;
    }
    
    .step-content h3[b-p0vevdqas5] {
        font-size: 1.5rem;
    }
    
    .form-container[b-p0vevdqas5] {
        padding: 20px;
    }
}

/* Animation Effects */
@keyframes slideIn-b-p0vevdqas5 {
    from {
        opacity: 0;
        transform: translateX(20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.step-content[b-p0vevdqas5] {
    animation: slideIn-b-p0vevdqas5 0.3s ease-out;
}

/* Custom Radzen Components Styling */
.rz-textbox[b-p0vevdqas5],
.rz-textarea[b-p0vevdqas5],
.rz-dropdown[b-p0vevdqas5],
.rz-datepicker[b-p0vevdqas5],
.rz-timepicker[b-p0vevdqas5] {
    border-radius: 8px !important;
    border: 2px solid #e0e0e0 !important;
    transition: all 0.3s ease !important;
}

.rz-textbox:focus[b-p0vevdqas5],
.rz-textarea:focus[b-p0vevdqas5],
.rz-dropdown:focus[b-p0vevdqas5],
.rz-datepicker:focus[b-p0vevdqas5],
.rz-timepicker:focus[b-p0vevdqas5] {
    border-color: #1976d2 !important;
    box-shadow: 0 0 0 3px rgba(25, 118, 210, 0.1) !important;
}

/* Loading States */
.loading[b-p0vevdqas5] {
    opacity: 0.6;
    pointer-events: none;
}

/* Success/Error States */
.success-message[b-p0vevdqas5] {
    background: #d4edda;
    color: #155724;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #c3e6cb;
    margin-bottom: 20px;
}

.error-message[b-p0vevdqas5] {
    background: #f8d7da;
    color: #721c24;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #f5c6cb;
    margin-bottom: 20px;
}

/* Print Styles */
@media print {
    .progress-steps[b-p0vevdqas5],
    .form-actions[b-p0vevdqas5] {
        display: none;
    }
    
    .add-violation-page[b-p0vevdqas5] {
        box-shadow: none;
        border: 1px solid #ccc;
    }
}







/* _content/SamPro/Components/Pages/Admin/Violations/EditViolation.razor.rz.scp.css */
/* ===================================================
   صفحة تعديل انتهاك - تصميم احترافي
   Edit Violation Page - Professional Design
   =================================================== */

.edit-violation-page[b-c98yl39652] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

/* Header Section */
.page-header[b-c98yl39652] {
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 2px solid #e3f2fd;
}

.page-header h2[b-c98yl39652] {
    color: #1976d2;
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 10px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.page-header p[b-c98yl39652] {
    color: #666;
    font-size: 1.1rem;
    margin: 0;
}

/* Progress Steps */
.progress-steps[b-c98yl39652] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    padding: 20px 0;
    position: relative;
}

.progress-steps[b-c98yl39652]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 3px;
    background: #e0e0e0;
    z-index: 1;
}

.step[b-c98yl39652] {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 2;
    background: white;
    padding: 0 15px;
}

.step-number[b-c98yl39652] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #e0e0e0;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 1.2rem;
    margin-bottom: 10px;
    transition: all 0.3s ease;
    border: 3px solid #e0e0e0;
}

.step-title[b-c98yl39652] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #666;
    text-align: center;
    max-width: 120px;
    line-height: 1.3;
}

.step.active .step-number[b-c98yl39652] {
    background: #1976d2;
    color: white;
    border-color: #1976d2;
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(25, 118, 210, 0.3);
}

.step.active .step-title[b-c98yl39652] {
    color: #1976d2;
    font-weight: 700;
}

.step.completed .step-number[b-c98yl39652] {
    background: #4caf50;
    color: white;
    border-color: #4caf50;
}

.step.completed .step-title[b-c98yl39652] {
    color: #4caf50;
}

/* Form Container */
.form-container[b-c98yl39652] {
    background: #fafafa;
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    border: 1px solid #e0e0e0;
}

.step-content h3[b-c98yl39652] {
    color: #1976d2;
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 25px;
    padding-bottom: 10px;
    border-bottom: 2px solid #e3f2fd;
}

/* Form Layout */
.form-row[b-c98yl39652] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}

.form-group[b-c98yl39652] {
    display: flex;
    flex-direction: column;
}

.form-group label[b-c98yl39652] {
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
    font-size: 0.95rem;
}

/* Form Actions */
.form-actions[b-c98yl39652] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    border-top: 2px solid #e3f2fd;
    gap: 15px;
}

.form-actions .rz-button[b-c98yl39652] {
    min-width: 120px;
    height: 45px;
    font-weight: 600;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.form-actions .rz-button:hover[b-c98yl39652] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Loading */
.loading[b-c98yl39652] {
    text-align: center;
    padding: 50px;
    color: #1976d2;
    font-size: 1.2rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    .edit-violation-page[b-c98yl39652] {
        padding: 15px;
        margin: 10px;
    }
    
    .progress-steps[b-c98yl39652] {
        flex-direction: column;
        gap: 20px;
    }
    
    .progress-steps[b-c98yl39652]::before {
        display: none;
    }
    
    .step[b-c98yl39652] {
        flex-direction: row;
        justify-content: flex-start;
        text-align: left;
    }
    
    .step-number[b-c98yl39652] {
        margin-right: 15px;
        margin-bottom: 0;
    }
    
    .form-row[b-c98yl39652] {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .form-actions[b-c98yl39652] {
        flex-direction: column;
        gap: 10px;
    }
    
    .form-actions .rz-button[b-c98yl39652] {
        width: 100%;
    }
}







/* _content/SamPro/Components/Pages/Admin/Violations/ManageNarratives.razor.rz.scp.css */
.narratives-management-page[b-9nahw8vu3c] {
    padding: 2rem;
    background: #f8f9fa;
    min-height: 100vh;
}

/* Header */
.page-header[b-9nahw8vu3c] {
    background: white;
    padding: 2rem;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    margin-bottom: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.header-content h2[b-9nahw8vu3c] {
    margin: 0 0 0.5rem 0;
    color: #2c3e50;
    font-size: 1.8rem;
    font-weight: 700;
}

.header-content p[b-9nahw8vu3c] {
    margin: 0;
    color: #7f8c8d;
    font-size: 1rem;
}

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

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

.stat-box[b-9nahw8vu3c] {
    background: white;
    padding: 1.5rem;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    border-right: 4px solid #3498db;
}

.stat-box.success[b-9nahw8vu3c] {
    border-right-color: #2ecc71;
}

.stat-box.warning[b-9nahw8vu3c] {
    border-right-color: #f39c12;
}

.stat-box.info[b-9nahw8vu3c] {
    border-right-color: #9b59b6;
}

.stat-value[b-9nahw8vu3c] {
    font-size: 2.5rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 0.5rem;
}

.stat-label[b-9nahw8vu3c] {
    font-size: 1rem;
    color: #7f8c8d;
}

/* Violations Grid */
.violations-grid[b-9nahw8vu3c] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
    gap: 1.5rem;
}

/* Violation Card */
.violation-card[b-9nahw8vu3c] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.2s, box-shadow 0.2s;
    border-right: 4px solid #3498db;
}

.violation-card.needs-narrative[b-9nahw8vu3c] {
    border-right-color: #f39c12;
    background: #fffbf0;
}

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

/* Card Header */
.card-header[b-9nahw8vu3c] {
    padding: 1rem 1.5rem;
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

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

.violation-id[b-9nahw8vu3c] {
    font-weight: 700;
    color: #3498db;
    font-size: 1.1rem;
}

.violation-type[b-9nahw8vu3c] {
    color: #2c3e50;
    font-weight: 600;
}

.header-badges[b-9nahw8vu3c] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.badge[b-9nahw8vu3c] {
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.85rem;
    font-weight: 600;
}

.badge.active[b-9nahw8vu3c] {
    background: #d4edda;
    color: #155724;
}

.badge.reviewed[b-9nahw8vu3c] {
    background: #d1ecf1;
    color: #0c5460;
}

.badge.pending[b-9nahw8vu3c] {
    background: #fff3cd;
    color: #856404;
}

/* Card Body */
.card-body[b-9nahw8vu3c] {
    padding: 1.5rem;
}

.narrative-content[b-9nahw8vu3c] {
    margin-bottom: 1rem;
}

.narrative-content p[b-9nahw8vu3c] {
    color: #2c3e50;
    line-height: 1.8;
    margin: 0;
    text-align: justify;
}

.narrative-meta[b-9nahw8vu3c] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
    padding-top: 1rem;
    border-top: 1px solid #dee2e6;
    font-size: 0.9rem;
    color: #7f8c8d;
}

.no-narrative[b-9nahw8vu3c] {
    padding: 1rem;
    background: #fff3cd;
    border-radius: 8px;
    border-right: 3px solid #f39c12;
}

.no-narrative p[b-9nahw8vu3c] {
    margin: 0 0 0.5rem 0;
    color: #856404;
}

.violation-details[b-9nahw8vu3c] {
    font-size: 0.9rem;
    padding-top: 0.5rem;
    border-top: 1px dashed #ffc107;
}

/* Card Actions */
.card-actions[b-9nahw8vu3c] {
    padding: 1rem 1.5rem;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

/* Loading Container */
.loading-container[b-9nahw8vu3c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.loading-container p[b-9nahw8vu3c] {
    margin-top: 1.5rem;
    color: #7f8c8d;
    font-size: 1.1rem;
}

/* No Data */
.no-data[b-9nahw8vu3c] {
    padding: 4rem 2rem;
    text-align: center;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.no-data p[b-9nahw8vu3c] {
    font-size: 1.2rem;
    color: #7f8c8d;
    margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
    .narratives-management-page[b-9nahw8vu3c] {
        padding: 1rem;
    }

    .page-header[b-9nahw8vu3c] {
        padding: 1.5rem;
    }

    .violations-grid[b-9nahw8vu3c] {
        grid-template-columns: 1fr;
    }

    .stat-value[b-9nahw8vu3c] {
        font-size: 2rem;
    }

    .card-actions[b-9nahw8vu3c] {
        flex-direction: column;
    }

    .card-actions button[b-9nahw8vu3c] {
        width: 100%;
    }
}

/* _content/SamPro/Components/Pages/Admin/Violations/ViewViolations.razor.rz.scp.css */
/* ===================================================
   صفحة عرض الانتهاكات - تصميم احترافي
   =================================================== */

.violations-list-page[b-ky557u8j0b] {
    padding: 20px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.page-header[b-ky557u8j0b] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid #e3f2fd;
}

.page-header h2[b-ky557u8j0b] {
    color: #1976d2;
    font-size: 2rem;
    font-weight: 700;
    margin: 0;
}

.header-actions[b-ky557u8j0b] {
    display: flex;
    gap: 10px;
}

/* Filters Section - Excel Style */
.filters-section[b-ky557u8j0b] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border: 1px solid #e3f2fd;
}

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

.filters-header h3[b-ky557u8j0b] {
    color: #1976d2;
    margin: 0;
    font-size: 1.3rem;
    font-weight: 700;
}

.filter-stats[b-ky557u8j0b] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.stat-badge[b-ky557u8j0b] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

.filter-row[b-ky557u8j0b] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1.25rem;
}

.filter-item[b-ky557u8j0b] {
    display: flex;
    flex-direction: column;
}

.filter-item label[b-ky557u8j0b] {
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 0.5rem;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Count Badge في القائمة المنسدلة */
.count-badge[b-ky557u8j0b] {
    background: #3498db;
    color: white;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 0.75rem;
    font-weight: 700;
    min-width: 25px;
    text-align: center;
}

/* Grid Container */
.grid-container[b-ky557u8j0b] {
    background: white;
    border-radius: 8px;
    padding: 15px;
    border: 1px solid #e0e0e0;
}

/* Status Badges */
.severity-badge[b-ky557u8j0b],
.status-badge[b-ky557u8j0b] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 0.85rem;
    font-weight: 600;
    color: white;
    text-align: center;
}

.severity-badge[b-ky557u8j0b] {
    background-color: #ff9800;
}

.status-badge[b-ky557u8j0b] {
    background-color: #2196f3;
}

/* Verified Icons */
.verified-icon[b-ky557u8j0b] {
    color: #4caf50;
    font-size: 1.5rem;
    font-weight: bold;
}

.not-verified-icon[b-ky557u8j0b] {
    color: #f44336;
    font-size: 1.5rem;
    font-weight: bold;
}

/* Responsive Design */
@media (max-width: 768px) {
    .page-header[b-ky557u8j0b] {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    
    .filter-row[b-ky557u8j0b] {
        grid-template-columns: 1fr;
    }
}



/* _content/SamPro/Components/Pages/Admin/Violations/ViolationNarrative.razor.rz.scp.css */
.narrative-page[b-fx1bi0wpu5] {
    padding: 20px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    min-height: 100vh;
}

.narrative-container[b-fx1bi0wpu5] {
    max-width: 1000px;
    margin: 0 auto;
    background: white;
    border-radius: 15px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15);
    overflow: hidden;
    animation: fadeIn-b-fx1bi0wpu5 0.5s ease-out;
}

/* Header */
.narrative-header[b-fx1bi0wpu5] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
}

.narrative-header h1[b-fx1bi0wpu5] {
    margin: 0;
    font-size: 28px;
    font-weight: 700;
}

.header-actions[b-fx1bi0wpu5] {
    display: flex;
    gap: 10px;
}

/* Content */
.narrative-content[b-fx1bi0wpu5] {
    padding: 40px;
    background: white;
}

.narrative-text[b-fx1bi0wpu5] {
    font-family: 'Arial', 'Tahoma', sans-serif;
    font-size: 18px;
    line-height: 2;
    color: #2c3e50;
    text-align: justify;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/* Footer */
.narrative-footer[b-fx1bi0wpu5] {
    padding: 25px 40px;
    background: #f8f9fa;
    border-top: 2px solid #e9ecef;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}

.footer-item[b-fx1bi0wpu5] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}

.footer-item strong[b-fx1bi0wpu5] {
    color: #495057;
}

/* Loading State */
.loading-state[b-fx1bi0wpu5] {
    padding: 100px 20px;
    text-align: center;
}

.loading-state p[b-fx1bi0wpu5] {
    margin-top: 20px;
    color: #6c757d;
    font-size: 16px;
}

/* Error State */
.error-state[b-fx1bi0wpu5] {
    padding: 100px 20px;
    text-align: center;
}

.error-state p[b-fx1bi0wpu5] {
    margin-bottom: 20px;
    color: #dc3545;
    font-size: 18px;
}

/* Animation */
@keyframes fadeIn-b-fx1bi0wpu5 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Print Styles */
@media print {
    .narrative-page[b-fx1bi0wpu5] {
        background: white;
        padding: 0;
    }

    .narrative-header[b-fx1bi0wpu5] {
        background: white;
        color: black;
        border-bottom: 2px solid #000;
    }

    .header-actions[b-fx1bi0wpu5] {
        display: none;
    }

    .narrative-footer[b-fx1bi0wpu5] {
        border-top: 2px solid #000;
    }
}

/* Responsive */
@media (max-width: 768px) {
    .narrative-header[b-fx1bi0wpu5] {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }

    .narrative-header h1[b-fx1bi0wpu5] {
        font-size: 22px;
    }

    .header-actions[b-fx1bi0wpu5] {
        flex-wrap: wrap;
        justify-content: center;
    }

    .narrative-content[b-fx1bi0wpu5] {
        padding: 25px;
    }

    .narrative-text[b-fx1bi0wpu5] {
        font-size: 16px;
        line-height: 1.8;
    }

    .narrative-footer[b-fx1bi0wpu5] {
        grid-template-columns: 1fr;
    }
}

/* Highlight Legend */
.highlight-legend[b-fx1bi0wpu5] {
    margin-top: 2rem;
    padding: 1.5rem;
    background: #f8f9fa;
    border-radius: 8px;
    border-right: 4px solid #3498db;
}

.highlight-legend h4[b-fx1bi0wpu5] {
    margin: 0 0 1rem 0;
    color: #2c3e50;
    font-size: 1.1rem;
    font-weight: 600;
}

.legend-items[b-fx1bi0wpu5] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.legend-item[b-fx1bi0wpu5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: white;
    border-radius: 6px;
    font-size: 0.95rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.color-box[b-fx1bi0wpu5] {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    display: inline-block;
}

/* Entity Highlights in Text */
[b-fx1bi0wpu5] .highlight-entity,
[b-fx1bi0wpu5] .highlight-person {
    cursor: help;
    transition: all 0.2s ease;
    padding: 0 2px;
}

[b-fx1bi0wpu5] .highlight-entity:hover,
[b-fx1bi0wpu5] .highlight-person:hover {
    background: rgba(52, 152, 219, 0.1);
    padding: 2px 4px;
    border-radius: 4px;
}

@media (max-width: 768px) {
    .legend-items[b-fx1bi0wpu5] {
        flex-direction: column;
    }
    
    .legend-item[b-fx1bi0wpu5] {
        width: 100%;
    }
}
/* _content/SamPro/Components/Pages/Admin/Violators/EntityEvidence.razor.rz.scp.css */
.settings-page[b-svynzgjtd4] {
    padding: 2rem;
    background: #f5f5f5;
    min-height: calc(100vh - 60px);
}

.settings-header[b-svynzgjtd4] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
}

.header-content h2[b-svynzgjtd4] {
    font-size: 1.75rem;
    color: #1976d2;
    margin: 0 0 0.5rem 0;
}

.header-content p[b-svynzgjtd4] {
    color: #666;
    margin: 0;
}

.btn-add[b-svynzgjtd4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: #1976d2;
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 1rem;
    cursor: pointer;
    transition: background 0.3s;
}

.btn-add:hover[b-svynzgjtd4] {
    background: #1565c0;
}

.stats-summary[b-svynzgjtd4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.stat-card[b-svynzgjtd4] {
    background: white;
    border-radius: 8px;
    padding: 1.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.stat-card i[b-svynzgjtd4] {
    font-size: 2.5rem;
    color: #1976d2;
}

.stat-value[b-svynzgjtd4] {
    font-size: 2rem;
    font-weight: bold;
    color: #333;
}

.stat-label[b-svynzgjtd4] {
    font-size: 0.9rem;
    color: #666;
}

.content-card[b-svynzgjtd4] {
    background: white;
    border-radius: 8px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

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

.entity-badge[b-svynzgjtd4] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background: #fff3e0;
    color: #e65100;
    border-radius: 12px;
    font-size: 0.85rem;
}

.type-badge[b-svynzgjtd4] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background: #e3f2fd;
    color: #1976d2;
    border-radius: 12px;
    font-size: 0.85rem;
}

.importance-indicator[b-svynzgjtd4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-weight: bold;
    font-size: 0.9rem;
}

.importance-5[b-svynzgjtd4] {
    background: #c62828;
    color: white;
}

.importance-4[b-svynzgjtd4] {
    background: #f57c00;
    color: white;
}

.importance-3[b-svynzgjtd4] {
    background: #fbc02d;
    color: #333;
}

.importance-2[b-svynzgjtd4] {
    background: #aed581;
    color: #333;
}

.importance-1[b-svynzgjtd4] {
    background: #e0e0e0;
    color: #666;
}

.verified-icon[b-svynzgjtd4] {
    color: #2e7d32;
    font-size: 20px;
}

.unverified-icon[b-svynzgjtd4] {
    color: #f57c00;
    font-size: 20px;
}

.public-icon[b-svynzgjtd4] {
    color: #1976d2;
    font-size: 20px;
}

.private-icon[b-svynzgjtd4] {
    color: #757575;
    font-size: 20px;
}

.action-buttons[b-svynzgjtd4] {
    display: flex;
    gap: 0.5rem;
}

.btn-icon[b-svynzgjtd4] {
    padding: 0.375rem;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

.btn-icon i[b-svynzgjtd4] {
    font-size: 18px;
}

.btn-view[b-svynzgjtd4] {
    background: #e8f5e9;
    color: #2e7d32;
}

.btn-view:hover[b-svynzgjtd4] {
    background: #2e7d32;
    color: white;
}

.btn-delete[b-svynzgjtd4] {
    background: #ffebee;
    color: #c62828;
}

.btn-delete:hover[b-svynzgjtd4] {
    background: #c62828;
    color: white;
}

.category-badge[b-svynzgjtd4] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background: #f3e5f5;
    color: #7b1fa2;
    border-radius: 12px;
    font-size: 0.85rem;
    font-weight: 500;
}

.violation-type-badge[b-svynzgjtd4] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background: #e8f5e9;
    color: #2e7d32;
    border-radius: 12px;
    font-size: 0.85rem;
    font-weight: 500;
}







/* _content/SamPro/Components/Pages/Admin/Violators/IndividualViolators.razor.rz.scp.css */
.settings-page[b-prwlxwc8ys] {
    padding: 2rem;
    background: #f5f5f5;
    min-height: calc(100vh - 60px);
}

.settings-header[b-prwlxwc8ys] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
}

.header-content h2[b-prwlxwc8ys] {
    font-size: 1.75rem;
    color: #1976d2;
    margin: 0 0 0.5rem 0;
}

.header-content p[b-prwlxwc8ys] {
    color: #666;
    margin: 0;
}

.btn-add[b-prwlxwc8ys] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: #1976d2;
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 1rem;
    cursor: pointer;
    transition: background 0.3s;
}

.btn-add:hover[b-prwlxwc8ys] {
    background: #1565c0;
}

.content-card[b-prwlxwc8ys] {
    background: white;
    border-radius: 8px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

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

.affiliation-badge[b-prwlxwc8ys] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background: #fff3e0;
    color: #e65100;
    border-radius: 12px;
    font-size: 0.85rem;
}

.status-badge[b-prwlxwc8ys] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.85rem;
    font-weight: 500;
}

.status-badge.active[b-prwlxwc8ys] {
    background: #e8f5e9;
    color: #2e7d32;
}

.status-badge.inactive[b-prwlxwc8ys] {
    background: #ffebee;
    color: #c62828;
}

.action-buttons[b-prwlxwc8ys] {
    display: flex;
    gap: 0.5rem;
}

.btn-icon[b-prwlxwc8ys] {
    padding: 0.375rem;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

.btn-icon i[b-prwlxwc8ys] {
    font-size: 18px;
}

.btn-edit[b-prwlxwc8ys] {
    background: #e3f2fd;
    color: #1976d2;
}

.btn-edit:hover[b-prwlxwc8ys] {
    background: #1976d2;
    color: white;
}

.btn-delete[b-prwlxwc8ys] {
    background: #ffebee;
    color: #c62828;
}

.btn-delete:hover[b-prwlxwc8ys] {
    background: #c62828;
    color: white;
}








/* _content/SamPro/Components/Pages/Admin/Violators/ViolatingEntities.razor.rz.scp.css */
.settings-page[b-y3ubka3rxn] {
    padding: 2rem;
    background: #f5f5f5;
    min-height: calc(100vh - 60px);
}

.settings-header[b-y3ubka3rxn] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
}

.header-content h2[b-y3ubka3rxn] {
    font-size: 1.75rem;
    color: #1976d2;
    margin: 0 0 0.5rem 0;
}

.header-content p[b-y3ubka3rxn] {
    color: #666;
    margin: 0;
}

.btn-add[b-y3ubka3rxn] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: #1976d2;
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 1rem;
    cursor: pointer;
    transition: background 0.3s;
}

.btn-add:hover[b-y3ubka3rxn] {
    background: #1565c0;
}

.content-card[b-y3ubka3rxn] {
    background: white;
    border-radius: 8px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

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

.type-badge[b-y3ubka3rxn] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background: #e3f2fd;
    color: #1976d2;
    border-radius: 12px;
    font-size: 0.85rem;
}

.status-badge[b-y3ubka3rxn] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.85rem;
    font-weight: 500;
}

.status-badge.active[b-y3ubka3rxn] {
    background: #e8f5e9;
    color: #2e7d32;
}

.status-badge.inactive[b-y3ubka3rxn] {
    background: #ffebee;
    color: #c62828;
}

.action-buttons[b-y3ubka3rxn] {
    display: flex;
    gap: 0.5rem;
}

.btn-icon[b-y3ubka3rxn] {
    padding: 0.375rem;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

.btn-icon i[b-y3ubka3rxn] {
    font-size: 18px;
}

.btn-edit[b-y3ubka3rxn] {
    background: #e3f2fd;
    color: #1976d2;
}

.btn-edit:hover[b-y3ubka3rxn] {
    background: #1976d2;
    color: white;
}

.btn-delete[b-y3ubka3rxn] {
    background: #ffebee;
    color: #c62828;
}

.btn-delete:hover[b-y3ubka3rxn] {
    background: #c62828;
    color: white;
}








/* _content/SamPro/Components/Pages/Admin/Violators/ViolatorEvidence.razor.rz.scp.css */
.settings-page[b-g2lmjvubmn] {
    padding: 2rem;
    background: #f5f5f5;
    min-height: calc(100vh - 60px);
}

.settings-header[b-g2lmjvubmn] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
}

.header-content h2[b-g2lmjvubmn] {
    font-size: 1.75rem;
    color: #1976d2;
    margin: 0 0 0.5rem 0;
}

.header-content p[b-g2lmjvubmn] {
    color: #666;
    margin: 0;
}

.btn-add[b-g2lmjvubmn] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: #1976d2;
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 1rem;
    cursor: pointer;
    transition: background 0.3s;
}

.btn-add:hover[b-g2lmjvubmn] {
    background: #1565c0;
}

.stats-summary[b-g2lmjvubmn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.stat-card[b-g2lmjvubmn] {
    background: white;
    border-radius: 8px;
    padding: 1.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.stat-card i[b-g2lmjvubmn] {
    font-size: 2.5rem;
    color: #1976d2;
}

.stat-value[b-g2lmjvubmn] {
    font-size: 2rem;
    font-weight: bold;
    color: #333;
}

.stat-label[b-g2lmjvubmn] {
    font-size: 0.9rem;
    color: #666;
}

.content-card[b-g2lmjvubmn] {
    background: white;
    border-radius: 8px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

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

.violator-badge[b-g2lmjvubmn] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background: #fce4ec;
    color: #c2185b;
    border-radius: 12px;
    font-size: 0.85rem;
}

.type-badge[b-g2lmjvubmn] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background: #e3f2fd;
    color: #1976d2;
    border-radius: 12px;
    font-size: 0.85rem;
}

.importance-indicator[b-g2lmjvubmn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-weight: bold;
    font-size: 0.9rem;
}

.importance-5[b-g2lmjvubmn] {
    background: #c62828;
    color: white;
}

.importance-4[b-g2lmjvubmn] {
    background: #f57c00;
    color: white;
}

.importance-3[b-g2lmjvubmn] {
    background: #fbc02d;
    color: #333;
}

.importance-2[b-g2lmjvubmn] {
    background: #aed581;
    color: #333;
}

.importance-1[b-g2lmjvubmn] {
    background: #e0e0e0;
    color: #666;
}

.verified-icon[b-g2lmjvubmn] {
    color: #2e7d32;
    font-size: 20px;
}

.unverified-icon[b-g2lmjvubmn] {
    color: #f57c00;
    font-size: 20px;
}

.public-icon[b-g2lmjvubmn] {
    color: #1976d2;
    font-size: 20px;
}

.private-icon[b-g2lmjvubmn] {
    color: #757575;
    font-size: 20px;
}

.action-buttons[b-g2lmjvubmn] {
    display: flex;
    gap: 0.5rem;
}

.btn-icon[b-g2lmjvubmn] {
    padding: 0.375rem;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

.btn-icon i[b-g2lmjvubmn] {
    font-size: 18px;
}

.btn-view[b-g2lmjvubmn] {
    background: #e8f5e9;
    color: #2e7d32;
}

.btn-view:hover[b-g2lmjvubmn] {
    background: #2e7d32;
    color: white;
}

.btn-delete[b-g2lmjvubmn] {
    background: #ffebee;
    color: #c62828;
}

.btn-delete:hover[b-g2lmjvubmn] {
    background: #c62828;
    color: white;
}








/* _content/SamPro/Components/Pages/Public/Index.razor.rz.scp.css */
/* Styles moved to wwwroot/css/landing.css to avoid Blazor CSS isolation issues */