body {
    background: linear-gradient(to right, #e0eafc, #cfdef3);
}

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

input:focus, select:focus, textarea:focus {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

button {
    transition: background-color 0.3s ease;
}

.alert {
    animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.phone-group {
    display: flex;
    gap: 0.5rem;
}

.phone-group select {
    width: 30%;
}

.phone-group input {
    width: 70%;
}

.table-container {
    max-height: 400px;
    overflow-y: auto;
}