body {
    font-family: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.card {
    border-radius: 1rem;
    box-shadow: 0 0.75rem 1.5rem rgba(15, 23, 42, 0.08);
}

.btn-primary {
    background: linear-gradient(135deg, #4f46e5, #6366f1);
    border: none;
}

.btn-primary:hover {
    background: linear-gradient(135deg, #4338ca, #4f46e5);
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    margin: 0;
}

input[type="number"] {
    appearance: textfield;
    -moz-appearance: textfield;
}

.table thead th {
    background-color: #f8fafc;
}

.chart-container {
    position: relative;
    height: 420px;
}