@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');

        :root {
            --smooth-transition: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
        }
        
        * {
            font-family: 'Tajawal', system-ui, -apple-system, sans-serif;
        }
        
        body {
            background-color: var(--bs-body-bg);
            transition: var(--smooth-transition);
        }
        
        .stats-card {
            border: none;
            border-radius: 16px;
            overflow: hidden;
            transition: transform 0.2s ease, box-shadow 0.2s ease, var(--smooth-transition);
            position: relative;
        }
        .stats-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 12px 24px rgba(0,0,0,0.1);
        }
        
        .stats-card .icon-bg {
            position: absolute;
            left: -20px;
            bottom: -20px;
            font-size: 80px;
            opacity: 0.1;
            color: #fff;
        }
        
        .icon-shape {
            width: 50px;
            height: 50px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 22px;
            flex-shrink: 0;
        }
        
        .stat-number {
            font-size: 28px;
            font-weight: 800;
            line-height: 1.2;
        }
        
        .stat-label {
            font-size: 13px;
            font-weight: 500;
            opacity: 0.8;
        }
        
        .custom-card {
            border: none;
            border-radius: 16px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.04);
            transition: var(--smooth-transition);
        }
        
        .custom-card .card-header {
            background: transparent;
            border-bottom: 1px solid var(--bs-border-color);
            padding: 16px 20px;
        }
        
        .custom-card .card-body {
            padding: 20px;
        }
        
        .progress-bar-custom {
            height: 8px;
            border-radius: 4px;
            background: var(--bs-border-color);
            overflow: hidden;
        }
        
        .progress-bar-custom .progress-fill {
            height: 100%;
            border-radius: 4px;
            transition: width 1s ease;
        }
        
        .table-responsive {
            border-radius: 12px;
        }
        
        .nav-link {
            font-weight: 500;
        }
        .nav-link.active {
            color: var(--bs-warning) !important;
        }
        
        .badge-stat {
            padding: 6px 12px;
            border-radius: 20px;
            font-weight: 600;
            font-size: 12px;
        }
        
        /* تنسيقات خاصة بالثيم الداكن */
        [data-bs-theme="dark"] .stats-card {
            background: var(--bs-dark) !important;
        }
        [data-bs-theme="dark"] .icon-shape {
            background: rgba(255, 255, 255, 0.1);
        }
        
        @media (max-width: 768px) {
            .stat-number {
                font-size: 22px;
            }
        }

        /* تنسيقات الطلبات */
        .request-item {
            transition: background-color 0.2s ease;
            border-radius: 8px;
            padding: 10px 12px;
        }
        .request-item:hover {
            background-color: var(--bs-tertiary-bg);
        }
        .request-status-badge {
            min-width: 75px;
            text-align: center;
        }
        .modal-backdrop {
            z-index: 1040;
        }
        
        .search-input:focus {
            border-color: var(--bs-primary);
            box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.25);
        }
        
        .pagination .page-link {
            border-radius: 8px;
            margin: 0 2px;
        }
        
        .pagination .page-item.active .page-link {
            background-color: var(--bs-primary);
            border-color: var(--bs-primary);
        }
        
        /* Fix for modal backdrop issue */
        .modal {
            z-index: 1050;
        }
        .modal-backdrop {
            z-index: 1040;
        }
        .modal.fade .modal-dialog {
            transition: transform 0.3s ease-out;
        }
        .modal.show .modal-dialog {
            transform: none;
        }

        /* Alert auto-dismiss animation */
        .alert-auto-dismiss {
            animation: slideDown 0.5s ease forwards;
        }
        
        @keyframes slideDown {
            0% {
                opacity: 0;
                transform: translateY(-20px);
            }
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .alert-dismissing {
            animation: slideUp 0.5s ease forwards;
        }
        
        @keyframes slideUp {
            0% {
                opacity: 1;
                transform: translateY(0);
            }
            100% {
                opacity: 0;
                transform: translateY(-20px);
            }
        }

        /* Loading spinner for search */
        .search-loading {
            position: absolute;
            left: 10px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 5;
        }