body {
    background: #f5f7fb;
}

.modern-navbar {
    background: linear-gradient(120deg, #0f172a 0%, #1e293b 45%, #334155 100%) !important;
    border-bottom: 1px solid rgba(148, 163, 184, .25);
    backdrop-filter: saturate(140%) blur(2px);
}

.modern-navbar .navbar-brand {
    font-weight: 700;
    letter-spacing: .2px;
}

.dashboard-hero {
    background: radial-gradient(circle at 10% 20%, #1d4ed8 0%, #2563eb 40%, #4338ca 100%);
    color: #fff;
    border-radius: 16px;
    padding: 18px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    box-shadow: 0 12px 30px rgba(37, 99, 235, .25);
}

.stat-card {
    overflow: hidden;
}

.stat-card .card-body {
    min-height: 130px;
}

.stat-card-primary {
    background: linear-gradient(130deg, #eff6ff, #dbeafe);
}

.stat-card-purple {
    background: linear-gradient(130deg, #f5f3ff, #ede9fe);
}

.stat-card-warning {
    background: linear-gradient(130deg, #fff7ed, #ffedd5);
}

.card {
    border: 0;
    border-radius: 1rem;
}

.table thead th {
    white-space: nowrap;
}

.badge-soft {
    background: #e9efff;
    color: #3451a3;
    border-radius: 999px;
    padding: .35rem .6rem;
}

.vehicle-hero {
    background: linear-gradient(135deg, #0d6efd, #3f8cff);
    color: white;
    border-radius: 1rem;
    padding: 1rem 1.25rem;
}

.gallery-img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: .75rem;
}

.vehicle-status-card {
    border-left: 4px solid #0d6efd;
}

.status-expired {
    background: #ffe8e8;
    color: #b42318;
}

.status-warning {
    background: #fff5e1;
    color: #b54708;
}

.status-ok {
    background: #e7f8ee;
    color: #067647;
}