* { font-family: 'Inter', sans-serif; }
    .map-container { height: 400px; width: 100%; border-radius: 1rem; z-index: 1; }
    .sidebar-item { transition: all 0.2s; border-left: 3px solid transparent; }
    .sidebar-item.active, .sidebar-item:hover { background: rgba(204, 0, 0, 0.08); border-left-color: #CC0000; }
    .card-stat { transition: all 0.25s; background-color: #ffffff; }
    .card-stat:hover { transform: translateY(-3px); box-shadow: 0 12px 24px rgba(0,0,0,0.08); }
    .toast { animation: slideIn 0.25s ease forwards; }
    @keyframes slideIn { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
    .tab-content { animation: fade 0.2s ease; }
    @keyframes fade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
    .leaflet-container { border-radius: 1rem; }
    /* Memastikan teks pada background abu-abu menjadi hitam */
    .bg-gray-50, .bg-gray-100, .bg-white, .card-stat, .bg-gray-200, .border, .shadow-sm, .table th, .table td {
      color: #000000 !important;
    }
    .sidebar-item {
      color: #1f2937;
    }
    .bg-gradient-to-r.from-honda-red {
      color: #000000 !important; /* teks hitam pada latar merah */
    }
    .bg-gradient-to-r.from-honda-red p, .bg-gradient-to-r.from-honda-red h3, .bg-gradient-to-r.from-honda-red div {
      color: #000000 !important;
    }