.vehicle-list-container{padding:var(--spacing-xl)0;background-color:var(--background-color)}.vehicle-list-header{margin-bottom:var(--spacing-xl)}.vehicle-list-header h2{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:2rem}.vehicle-count{color:var(--text-secondary);font-size:1rem}.vehicle-grid{gap:var(--spacing-xl);margin-top:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid}@media (max-width:768px){.vehicle-list-container{padding:var(--spacing-md)var(--spacing-sm)}.vehicle-list-header h2{font-size:1.5rem}.vehicle-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.add-vehicle-btn,.add-vehicle-btn-main{text-align:center;width:100%;display:block}.no-vehicles p{padding:0 var(--spacing-md);font-size:1rem}}.no-vehicles{text-align:center;padding:var(--spacing-2xl)var(--spacing-xl);color:var(--text-secondary);grid-column:1/-1}.no-vehicles p{margin-bottom:var(--spacing-lg);font-size:1.2rem}.add-vehicle-btn{background:var(--primary-color);color:#fff;padding:var(--spacing-md)var(--spacing-xl);border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--transition-normal);border:none;font-size:1rem;font-weight:600}.add-vehicle-btn:hover{opacity:.9}.add-vehicle-btn-main{background:var(--primary-color);color:#fff;padding:var(--spacing-md)var(--spacing-xl);border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--transition-normal),transform var(--transition-fast);margin-top:var(--spacing-xl);border:none;font-size:1.1rem;font-weight:600;display:inline-block}.add-vehicle-btn-main:hover{opacity:.9;transform:scale(1.02)}.add-vehicle-btn-main:active{transform:scale(.98)}