body {
       background-color: #f8f9fa;
       font-family: 'Cairo', sans-serif;
   }

   .sidebar {
       background-color: #3c81c6;
       color: #fff;
       padding-top: 1rem;
   }

   .sidebar a {
       color: #fff;
       text-decoration: none;
       display: block;
       padding: 0.75rem 1rem;
       border-radius: 0.25rem;
       transition: 0.3s;
   }

   .sidebar a:hover {
       background-color: #495057;
       color: #fff;
   }

   .sidebar .nav-label {
       padding: 0.75rem 1rem;
       font-weight: bold;
       text-transform: uppercase;
       font-size: 0.85rem;
   }

   .card-3d {
       perspective: 1000px;
       margin-bottom: 2rem;
   }

   .card-3d .card-body {
       border-radius: 20px;
       background: linear-gradient(145deg, #ffffff, #e6f0ff);
       padding: 2rem;
       box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
       transition: transform 0.5s, box-shadow 0.5s;
       text-align: center;
   }

   .card-3d:hover .card-body {
       transform: rotateY(10deg) rotateX(5deg) translateY(-10px);
       box-shadow: 0 30px 60px rgba(0, 0, 0, 0.3);
   }

   .card-3d i {
       font-size: 3rem;
       color: #4e73df;
       transition: transform 0.3s, color 0.3s;
   }

   .card-3d:hover i {
       transform: scale(1.3);
       color: #1cc88a;
   }

   .stat-text {
       font-size: 1.2rem;
       font-weight: 600;
       margin-top: 1rem;
       color: #6c757d;
   }

   .stat-digit {
       font-size: 2rem;
       font-weight: 700;
       margin-top: 0.5rem;
       color: #333;
   }

   body {
       font-family: 'Cairo', sans-serif;
       background-color: #e9ecef;
   }

   .card-3d {
       perspective: 1200px;
   }

   .card-inner {
       background: linear-gradient(145deg, #ffffff, #cce0ff);
       border-radius: 30px;
       padding: 3rem 2rem;
       box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);
       transition: transform 0.6s, box-shadow 0.6s;
       text-align: center;
       min-height: 250px;
   }

   .card-inner:hover {
       transform: rotateY(10deg) rotateX(5deg) translateY(-15px);
       box-shadow: 0 40px 80px rgba(0, 0, 0, 0.35);
   }

   .card-inner i {
       font-size: 4rem;
       color: #4e73df;
       transition: transform 0.4s, color 0.4s;
   }

   .card-inner:hover i {
       transform: scale(1.5);
       color: #2ce4f1ff;
   }

   .stat-text {
       font-size: 1.5rem;
       font-weight: 700;
       margin-top: 1.5rem;
       color: #495057;
   }

   .row-custom {
       display: flex;
       flex-wrap: wrap;
       gap: 2.5rem;
       justify-content: center;
       margin-top: 4rem;
   }

   .col-custom {
       flex: 1 1 350px;
       max-width: 400px;
   }

   body {
       font-family: 'Cairo', sans-serif;
       background-color: #e9ecef;
   }

   .card-3d {
       perspective: 1200px;
   }

   .card-inner {
       background: linear-gradient(145deg, #ffffff, #cce0ff);
       border-radius: 30px;
       padding: 3rem 2rem;
       box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);
       transition: transform 0.6s, box-shadow 0.6s;
       text-align: center;
       min-height: 250px;
   }

   .card-inner:hover {
       transform: rotateY(10deg) rotateX(5deg) translateY(-15px);
       box-shadow: 0 40px 80px rgba(0, 0, 0, 0.35);
   }

   .card-inner i {
       font-size: 4rem;
       color: #4e73df;
       transition: transform 0.4s, color 0.4s;
   }

   .card-inner:hover i {
       transform: scale(1.5);
       color: #2ce4f1ff;
   }

   .stat-text {
       font-size: 1.5rem;
       font-weight: 700;
       margin-top: 1.5rem;
       color: #495057;
   }

   .row-custom {
       display: flex;
       flex-wrap: wrap;
       gap: 2.5rem;
       justify-content: center;
       margin-top: 4rem;
   }

   .col-custom {
       flex: 1 1 350px;
       max-width: 400px;
   }

   .menu-divider {
       border: 0;
       border-top: 1px solid rgba(255, 255, 255, 0.3);
       margin: 0.75rem 1rem;
   }

   .maintenance-menu a {
       margin-bottom: 8px;
   }

   .maintenance-menu a:last-child {
       margin-bottom: 0;
   }