:root {
    --app-bg: #f4f7fb;
    --card-border: #e7edf5;
    --text-muted: #6b7280;
    --brand-dark: #0f172a;
}

body {
    min-height: 100vh;
    background: radial-gradient(circle at top right, #eef3fb 0%, var(--app-bg) 45%, #f8fafc 100%);
    color: #111827;
}

.navbar {
    background: linear-gradient(90deg, #0f172a 0%, #1f2937 100%) !important;
}

.navbar-brand {
    letter-spacing: 0.2px;
}

.card {
    border: 1px solid var(--card-border);
    border-radius: 14px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
}

.card-header {
    border-bottom: 1px solid #eef2f7;
    border-radius: 14px 14px 0 0 !important;
    font-weight: 600;
    color: #0f172a;
}

.form-control,
.form-select {
    border-radius: 10px;
    border-color: #d8e1ec;
}

.form-control:focus,
.form-select:focus {
    border-color: #7aa2d8;
    box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.14);
}

.btn {
    border-radius: 10px;
    font-weight: 500;
}

.btn-primary {
    background: linear-gradient(90deg, #2563eb, #1d4ed8);
    border: 0;
}

.table thead th {
    white-space: nowrap;
    color: #475569;
    font-size: 0.85rem;
}

.table tbody td {
    vertical-align: middle;
}

.alert {
    border-radius: 10px;
    border: 0;
}

.small-muted {
    font-size: 0.875rem;
    color: var(--text-muted);
}