:root {
           --primary-color: #0d6efd;
           --secondary-color: #6c757d;
           --success-color: #198754;
           --warning-color: #ffc107;
           --danger-color: #dc3545;
           --light-color: #f8f9fa;
           --dark-color: #212529;
       }


       .card {
           border: none;
           border-radius: 12px;
           box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
           transition: transform 0.3s, box-shadow 0.3s;
           margin-bottom: 1.5rem;
       }

       .card:hover {
           transform: translateY(-5px);
           box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
       }

       .table-container {
           background: white;
           border-radius: 12px;
           box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
           overflow: hidden;
       }

       .table thead {
           background: linear-gradient(135deg, var(--primary-color) 0%, #0a58ca 100%);
           color: white;
       }

       .table th {
           border: none;
           padding: 1rem;
           font-weight: 600;
       }

       .table td {
           padding: 1rem;
           vertical-align: middle;
           border-color: #f1f3f4;
       }

       .btn-action {
           border-radius: 8px;
           padding: 0.4rem 0.8rem;
           font-weight: 500;
           margin: 0 2px;
       }

       .stats-card {
           text-align: center;
           padding: 1.5rem;
       }

       .stats-icon {
           font-size: 2.5rem;
           margin-bottom: 1rem;
           opacity: 0.8;
       }

       .stats-number {
           font-size: 2rem;
           font-weight: 700;
           margin-bottom: 0.5rem;
       }

       .stats-label {
           font-size: 0.9rem;
           color: var(--secondary-color);
           text-transform: uppercase;
           letter-spacing: 1px;
       }

       .empty-state {
           text-align: center;
           padding: 3rem;
           color: var(--secondary-color);
       }

       .empty-state i {
           font-size: 4rem;
           margin-bottom: 1rem;
           opacity: 0.5;
       }

       .search-box {
           background: white;
           border-radius: 10px;
           padding: 1.5rem;
           box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
           margin-bottom: 1.5rem;
       }