/* Custom styles untuk mempercantik Tailwind */
table {
    border-collapse: collapse;
    width: 100%;
}

th, td {
    padding: 0.75rem;
    text-align: left;
}

thead tr {
    background-color: #2d3748;
}

tbody tr:hover {
    background-color: #4a5568;
}

input, select, textarea {
    transition: all 0.3s ease;
}

input:focus, select:focus, textarea:focus {
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.5);
}

button {
    transition: all 0.3s ease;
}

button:hover {
    transform: translateY(-1px);
}

.bg-gray-800 {
    background-color: #2d3748;
}

.bg-gray-700 {
    background-color: #4a5568;
}

.border-gray-700 {
    border-color: #4a5568;
}

.text-gray-300 {
    color: #e2e8f0;
}

.text-blue-400 {
    color: #63b3ed;
}